跨域请求被阻止 - 这可以通过启用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。