Question

我添加了一个带有以下脚本的API，例如http://www.test.com：

<script src="http://apiendpoint.com/api/v1/api.js"></script>

<div id="api" data-apikey="LA59CJI9HZ-KIJK4I5-3CKJC"></div>

api.js

$(function () {

  apikey = $('#api').data('apikey');
  $("#api").load("http://apiendpoint.com?apikey=" + apikey);

})

当我加载页面时，我收到以下错误：

XMLHttpRequest无法加载 apiendpoint网址。重定向 ' apiendpoint网址'到 ' apiendpoint网址'有被CORS策略阻止：没有'Access-Control-Allow-Origin'标题存在于请求的资源上。起源因此，“测试网址”不允许访问。

在apiendpoint.com的路径中，我在.htaccess中添加了以下代码：

Header set Access-Control-Allow-Origin "*"

但它不起作用。

Answer 1

我相信sideshowbarker 's answer here拥有解决此问题所需的所有信息。如果您的问题仅仅是所获得的响应中没有“ Access-Control-Allow-Origin”标头，则可以设置CORS代理来解决此问题。在链接的答案中获取更多信息

Answer 2

错误表示您无法通过文件加载任何内容。有很多解决方案，但我认为这是最简单的解决方案：创建一个app.js文件

yarn-error.log

Answer 3

我知道这可能会迟到，但希望这会对其他人有所帮助。这个问题来自后端，调用CORS。我使用 java 作为后端，所以我将 @CrossOrigin 添加到 Controller 类。它有效！

CORS策略阻止XMLHttpRequest

3 个答案: