javascript - themoviedb 'Access-Control-Allow-Origin' 问题

Question

还有其他人对 themoviedb api 有这个问题吗？

XMLHttpRequest 无法加载http://api.themoviedb.org/3/search/tv?api_key=XXX&query=mr.%20robot。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，不允许访问来源“ http://van-der-noord.nl ”。

我很确定这种用途无需设置 chrome 的跨域策略即可工作。

任何想法？

score 1 · Accepted Answer

您可能需要添加一个回调参数：

http://api.themoviedb.org/3/search/tv?api_key=XXX&query=mr.%20robot&callback=test

然后调用它，但是 Angular 期望使用 JSONP 回调。

score 0 · Accepted Answer

这对我有用：

const requests = {
    fetchTrending : `https://api.themoviedb.org/3/trending/all/week?api_key=${API_KEY}&language=en-US`
}

与其在 axios.js 中使用基本 url，不如让它采用上述格式，因此 axios.js 不存在。注意：调用 axios 时，请确保全局导入。希望这对您有所帮助。

score 0 · Accepted Answer

这个错误是由 CORS 引起的

但是这个解决方案只对你有用。如果您需要在每台计算机上执行此操作，您需要设置一些代理文件，或者您可以使用 JSONP 版本。

与以前版本的 API 不同，v3 仅支持单一格式 JSON。XML 和 YAML 支持将被正式删除。JSONP 也是官方支持的，只要在你的请求中添加一个回调参数，响应就会被封装在你指定的值中。

由于您需要使用 API 密钥来获取信息，因此我建议您使用代理文件来为您获取信息。

score 0 · Accepted Answer

0

尝试安装 Google Chrome 扩展 Allow-Control-Allow-Origin：也许有帮助

于 2016-01-19T06:17:47.883 回答

4 回答 4