跨域请求被阻止 - 这可以通过启用 CORS 来解决

Question

我正在尝试在我的 AngularJS 应用程序中向 rotten tomatoes API 发出一个简单的 http GET 请求，但是当我运行它时，我在浏览器控制台中得到了这个：

跨域请求被阻止：同源策略不允许读取 远程资源在 http://api.rottentomatoes.com/api/public/v1.0/movies/770672122.json?apikey=[myApiKey]。 这可以通过将资源移动到同一域或 启用 CORS。

注意：“[myApiKey]”已替换为我的实际密钥...

我已经在 Chrome 和 Firefox 上试过了，虽然我知道在启动 Chrome 时可以附加一些参数来禁用它，但普通用户不知道如何做到这一点，所以从浏览器兼容性来看选项对我不起作用。我还尝试从我的桌面以及本地 Tomcat 实例运行我的应用程序。

所以我发现这可以通过启用 CORS 来解决。现在我该怎么做？显然我不能接触烂番茄服务器，所以这必须从我这边 - 客户端来完成。

Answer 1

您需要enable CORS on the server-side code by setting the Access-Control-Allow-Origin HTTP 或changing the web.config。

Answer 2

您需要向 rottentomatoes API 发出 JSONP 请求，而不是普通的 JSON。