Chrome中克服CORS限制

在使用React+Django REST开发中,前端需要通过jquery获取本地Django API数据,遇到了这样的错误:

Chrome中克服CORS限制_第1张图片
Error

经搜索,这是遇到了CORS限制,此处有详细说明。

解决的方案有3个:

  • 关闭Chrome的CORS;
  • 使用Chrome插件解决;
  • 使用代理服务器。

更详细的说明:你这是正尝试从本地主机访问api.serverurl.com ,这是跨域请求的确切定义。

关闭它只是为了完成你的工作(如果你访问其他网站,安全性就下降了),你可以使用代理,使浏览器认为所有请求来自本地主机,在你有本地服务器并需要调用远程服务器的时候。

所以api.serverurl.com可能会变成localhost:8000/api,你的本地nginx或其他代理将发送到正确的目的地。

来源在这儿。

我使用Chrome插件解决了这个问题:

Chrome中克服CORS限制_第2张图片
Allow-Control-Allow-Origin

你可能感兴趣的:(Chrome中克服CORS限制)