相关疑难解决方法(0)

我正在尝试从HP Alm的REST API中获取一些数据.它适用于小卷曲脚本 - 我得到了我的数据.

现在使用JavaScript,fetch和ES6(或多或少)似乎是一个更大的问题.我一直收到此错误消息:

无法加载Fetch API.对预检请求的响应未通过访问控制检查:请求的资源上不存在"Access-Control-Allow-Origin"标头.因此,不允许来源" http://127.0.0.1:3000 "访问.响应具有HTTP状态代码501.如果不透明响应满足您的需要,请将请求的模式设置为"no-cors"以获取禁用CORS的资源.

我知道这是因为我试图从我的localhost中获取该数据,解决方案应该使用CORS.现在我以为我确实这样做了,但不管怎么说它要么忽略我在标题中写的内容,要么问题是别的什么？

那么,是否存在实施问题？我做错了吗？遗憾的是我无法检查服务器日志.我真的有点卡在这里.

function performSignIn() {

  let headers = new Headers();

  headers.append('Content-Type', 'application/json');
  headers.append('Accept', 'application/json');

  headers.append('Access-Control-Allow-Origin', 'http://localhost:3000');
  headers.append('Access-Control-Allow-Credentials', 'true');

  headers.append('GET', 'POST', 'OPTIONS');

  headers.append('Authorization', 'Basic ' + base64.encode(username + ":" + password));

  fetch(sign_in, {
      //mode: 'no-cors',
      credentials: 'include',
      method: 'POST',
      headers: headers
    })
    .then(response => response.json())
    .then(json => console.log(json))
    .catch(error => console.log('Authorization failed : ' + error.message));
}

我正在使用Chrome.我也尝试使用Chrome CORS插件,但后来我收到另一条错误消息:

当请求的凭据模式为"include"时,响应中"Access-Control-Allow-Origin"标头的值不能是通配符"*".因此,不允许来源" http://127.0.0.1:3000 "访问.XMLHttpRequest发起的请求的凭据模式由withCredentials属性控制.

我有一个简单的PHP脚本,我正在尝试跨域CORS请求:

<?php
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Headers: *");
...

但我仍然得到错误:

X-Requested-With不允许请求标头字段Access-Control-Allow-Headers

我缺少什么？

注意：事实证明，这与颤振无关，而与我将 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？