amazon-web-services - 使用 http post flutter web 时出现 XMLHttpRequest 错误

Question

我在对我的 API-AWS API 网关进行 HTTP post 调用时遇到此错误 XMLHttpRequest error.。我当前的流程是 Flutter web -> API 网关 -> lambda -> rds。

我知道已经有几个与此相关的问题 like但正如答案之一所建议的那样，添加一些 header 以响应 lambda。但它对我不起作用。

经过一些研究，我发现问题与 CORS 有关。现在在 chrome 中禁用 cors 是一个临时修复，并在此 question 中提出建议.

我在研究后发现的一些其他解决方案建议在我的 API 中启用 cors，并且在前端部分我添加了 header ，但它们都不起作用。

fetchData() async {
    String url =
        "myUrl";
    Map<String, String> headers = {
      "Access-Control-Allow-Origin": "*", // Required for CORS support to work
    };
    String json = '{"emailId":"emailId"}';
    http.Response response =
        await http.post(Uri.parse(url), headers: headers, body: json);
    print(response.body);
    return response.body;
  }

解决这个问题的正确方法是什么？

Answer 1

1- 转到 flutter\bin\cache 并删除名为:flutter_tools.stamp 的文件

2- 转到 flutter\packages\flutter_tools\lib\src\web 并打开文件 chrome.dart。

3- 找到“--disable-extensions”

4- 添加“--disable-web-security”