CORS政策不允许Flutter web项目

Question

我是新创建Flutter web项目的人，当我尝试以http连接到部署Flutter web构建的同一服务器上托管的文件时，我发现了第一个问题。

这是代码：

Future<User> obtenerUsuario() async {
setState(() {
isLoading = true;
});
var url = "https://.../login.php";
final response = await http.post(url, body: {
"email": controlUsuario.text,
"password": controlContrasena.text
});
print("respuesta :"+response.body);

这是来自浏览器控制台的错误消息：

Access to XMLHttpRequest at 'https://.../login.php' from origin 'http://...' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

该项目托管在AWS Ubuntu实例上。

Answer 1

将以下代码添加到服务器.htaccess

<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>