
一、跨域是什么
跨域本质是浏览器基于同源策略的一种安全手段
同源策略(Sameoriginpolicy),是一种约定,它是浏览器最核心也最基本的安全功能
所谓同源(即指在同一个域)具有以下三个相同点
-
协议相同(protocol)
-
主机相同(host)
-
端口相同(port)
反之非同源请求,也就是协议、端口、主机其中一项不相同的时候,这时候就会产生跨域
一定要注意跨域是浏览器的限制,你用抓包工具抓取接口数据,是可以看到接口已经把数据返回回来了,只是浏览器的限制,你获取不到数据。用postman请求接口能够请求到数据。这些再次印证了跨域是浏览器的限制。
二、如何解决
解决跨域的方法有很多,下面列举了三种:
-
JSONP
-
CORS
-
Proxy
而在vue项目中,我们主要针对CORS或Proxy这两种方案进行展开
CORS
CORS (Cross-Origin Res
跨域是浏览器基于同源策略的安全限制。解决跨域的常见方法包括CORS和Proxy。CORS通过设置特定的HTTP头部实现,如设置Access-Control-Allow-Origin。在Vue项目中,可以使用Webpack的Proxy代理请求,将请求转发至目标服务器,避免跨域问题。另外,还可以在服务端实现代理请求转发。
订阅专栏 解锁全文
1万+

被折叠的 条评论
为什么被折叠?



