首先,我们要明白什么是跨域:
跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器施加的安全限制。
浏览器的同源策略:
同源是指,域名,协议,端口均相同,有任一不相同皆将造成跨域
明白了这些,我们来说说解决跨域问题的两种方案
1,header设置允许跨域(推荐)
后端代码设置:
// 指定允许其他域名访问
header('Access-Control-Allow-Origin:*');
// 响应类型
header('Access-Control-Allow-Methods:GET, POST, OPTIONS');
// 响应头设置
header('Access-Control-Allow-Credentials:false');
前端ajax内设置:
$.ajax({
type: "POST",
crossDomain: true, //允许跨域请求
...
...
...
})
2,代理
比如/ 需要调用 /。可以写接口/来请求 /,
在让/直接请求/, 相当于自己做了代理访问,这样不经过浏览器自然不会有同源限制
3,nginx反向代理
可以自行查阅下资料
4,前端vue的webpack代理
可以自行查阅下资料