`

No 'Access-Control-Allow-Origin' header is present on the requested resource.

 
阅读更多

原创转载请注明出处:http://agilestyle.iteye.com/blog/2353274

 

通常项目开发中我们通常会遇到跨域调用,然后当请求调用的时候会遇到这个错

No 'Access-Control-Allow-Origin' header is present on the requested resource.


 

通常解决这个错误有两种解决方法

1. JSONP

2. CORS

Note: 

CORS与JSONP相比,更为先进、方便和可靠。

  • JSONP只能实现GET请求,而CORS支持所有类型的HTTP请求。
  • 使用CORS,开发者可以使用普通的XMLHttpRequest发起请求和获得数据,比起JSONP有更好的错误处理。
  • JSONP主要被老的浏览器支持,它们往往不支持CORS,而绝大多数现代浏览器都已经支持了CORS。

但是呢,现在你的项目还是在开发阶段,比如技术选型POC阶段,用不着搞得这么复杂,所以最简单的方法就是在Chrome中安装一个插件Allow-Control-Allow-Origin,可以快而有效的解决这类问题。


 

安装后


开启CORS,再次调试跨域调用,错误就没有了


 

 

  • 大小: 51.1 KB
  • 大小: 29.9 KB
  • 大小: 28.4 KB
  • 大小: 64.3 KB
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics