http中的跨域问题总结(持续更新)

🐰

待看文章

解决方案

cors

cors全称为 Cross Origin Resource Sharing(跨域资源共享)

这种方法对于前端来说和平时发请求写法上没有任何区别,工作量基本都在后端这里

原理:

  • 每一次请求浏览器必须先以 OPTIONS 请求方式发送一个预请求=>获知服务器端对跨源请求所支持 HTTP 方法。
  • 在确认服务器允许该跨源请求的情况下,以实际的 HTTP 请求方法发送那个真正的请求。

前端解决方案

但总有后端觉得cors麻烦不想这么搞。那前端也是有解决方案的

dev 开发模式下:

使用webpack 的 proxy

使用也是很方便的看一下文档就会使用了,个人项目可以采用这个方法

在生产环境下:

使用Nginx反向代理

总结

开发环境 生产环境
cors cors
proxy nginx



参考文章:

https://segmentfault.com/a/1190000010043013#articleHeader9

------------- 本文到此结束啦 感谢您的阅读 ♪(^∀^●)ノ -------------
0%