Question

这就是我想要做的事情：

function fetch() {
              $http.get("http://www.myapifilms.com/imdb/top")
                .success(function(response) {
                    console.log(response);
                  $scope.details = response;
                });
            };

我收到的错误如下：

XMLHttpRequest无法加载http://www.myapifilms.com/imdb/top。 No＆＃39; Access-Control-Allow-Origin＆＃39;标头出现在请求的资源上。起源＆＃39; http://localhost:3000＆＃39;因此不允许访问。

我已经在这个问题或CORS上查了很多，但似乎仍然无法实现我必须添加的内容以及在哪个文件中。

Answer 1

这意味着http://www.myapifilms.com不允许＆＃34; localhost＆＃34;来源以获取其数据。

我可以推荐两种解决方案

- ＆gt;尝试使用http-server运行npm install -g http-server

- ＆gt;下载Chrome插件（不推荐），但可以方便地进行测试https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?utm_source=chrome-app-launcher-info-dialog

Answer 2

使用此插件： https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en

//make headers for service
let headers = new Headers();
headers.append('Content-Type', 'application/json');
headers.append('appCurrentVersionNumber', AppConstant.APP_VERSION);
headers.append('WebServiceIdentifier', AppStorage.getItem('webserviceidentifier'));
this.headers = {headers}; this.http.post(API_URL + 'checkInVan', JSON.stringify(userData), this.headers).map(res => res.json());

Answer 3

要使此请求成功，myapifilms.com的响应需要设置正确的标头。您应该做的是通过您自己的服务器路由您的请求。但是，您可以使用browser extension

来进行测试

Explained in detail here

CORS问题没有＆＃39;访问控制允许原始标题＆＃39;在请求的资源上

3 个答案: