相关疑难解决方法(0)

虽然已经通过API网关设置了CORS并且设置了Access-Control-Allow-Origin标头,但在尝试从Chrome中的AJAX调用API时仍然会收到以下错误:

XMLHttpRequest无法加载http://XXXXX.execute-api.us-west-2.amazonaws.com/beta/YYYYY.请求的资源上不存在"Access-Control-Allow-Origin"标头.因此不允许原点'null'访问.响应具有HTTP状态代码403.

我试图通过Postman获取URL ,它显示上面的标题已成功通过:

并从OPTIONS响应:

如何在不恢复JSON-P的情况下从浏览器调用我的API？

注意：事实证明，这与颤振无关，而与我将 API 网关设置为 Lambda 代理这一事实有关

我试图从 Flutter Web 应用程序访问 API 端点，每次它出错并给我以下错误。

获取传感器数据时出错：DioError [DioErrorType.RESPONSE]：XMLHttpRequest 错误。

我知道这里有几个关于 SO（像这个和这个）的问题在讨论这个问题，解决方案似乎是在服务器端启用 CORS 支持。我正在使用 AWS API 网关来构建 API，我按照这些说明从我的 API 启用 CORS 支持。这是我在 API 网关控制台中的 CORS 设置。

“Access-Control-Allow-headers”中的文本是

'内容类型，X-Amz-日期，授权，X-Api-Key，X-Amz-Security-Token'

在 API 网关上启用 CORS 似乎没有帮助，当我尝试点击 API 时，我的 flutter Web 应用程序仍然遇到相同的错误。

有趣的是，如果我从 chrome 中点击 API（即在浏览器上粘贴 API URL 并点击回车），API 工作得非常好。只有当我尝试从 Flutter Web 应用程序访问 API 时它才会失败。

问题：如何在我的 API 网关中启用 CORS 支持，以便我的 Flutter Web 应用程序可以使用 API？

我正在尝试使用颤振网络。我尝试使用 http 包将我创建的一个简单的 Flutter Web 应用程序连接到 mysql 数据库和 localhost。但是我没有从请求方法返回任何数据。当我试图打印出snaphot.error我得到这个：XMLHttpRequest error。我有这个方法FutureBuilder()

getMethod()async{
  String theUrl = 'https://localhost/fetchData.php';
  var res = await http.get(Uri.encodeFull(theUrl),headers: {"Accept":"application/json"});
  var responsBody = json.decode(res.body);
  print(responsBody);
  return responsBody;

}