请求 js 中的“Access-Control-Allow-Origin”错误答案

【问题标题】：'Access-Control-Allow-Origin' error in request js请求 js 中的“Access-Control-Allow-Origin”错误
【发布时间】：2017-08-23 04:52:12
【问题描述】：

我正在编写一个 Angular 2 应用程序，它使用一个名为 github-trend 的模块。我有一个从模块调用一些函数的服务

 scraper.scrapeTrendingRepos("").then(function(repos) {
 repos.forEach(function(repo) {
    //more code here
});
}).catch(function(err) {
  console.log(err.message);
});

现在我正在http://localhost:3000/ 上使用 Chrome(56.0.2924.87) 测试我的 Angular 应用程序，它给了我一个Access-Control-Allow-Origin，这是完整的消息：

Fetch API 无法加载 https://github.com/trending。不请求中存在“Access-Control-Allow-Origin”标头资源。因此不允许使用原点“http://localhost:3000” 使用权。如果不透明的响应满足您的需求，请设置请求的模式为“no-cors”以获取禁用 CORS 的资源。

data.service.ts:43 获取失败

我四处搜索并知道这可能是因为获取请求和服务器在不同的端口上工作？查看 repo，github-trend 模块使用 requestjs 发出 http 请求，但我不知道如何解决这个问题。有没有办法让它在 chrome 上工作？我应该在模块代码中修改什么以使其工作？

【问题讨论】：

标签： javascript node.js angular http request

【解决方案1】：

通过使用 chrome 的 Allow-Control-Allow-Origin 扩展解决了这个问题。

【讨论】：