扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
跨域
在南岔等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供网站制作、成都网站建设 网站设计制作定制制作,公司网站建设,企业网站建设,品牌网站建设,营销型网站建设,外贸营销网站建设,南岔网站建设费用合理。
了解同源政策：所谓"同源"指的是"三个相同"。
解决跨域
1.jsonp 缺点：只能get请求 ，需要修改B网站的代码
2.cors 这个方案缺点 是 ie6 7 兼容不好（倒是不见得要兼容）。需要B网站在响应中加头
3.postMessage 缺点也是 ie6 7 兼容不好（倒是不见得要兼容）。需要修改B网站的代码
4.iframe window.name 传值得方式很巧妙，兼容性也很好。但是也是需要你能修改B网站代码
5.服务端主动请求B网站，兼容性好而且你客户端的代码还是原来的ajax，缺点是感觉不好。（服务器端是不存在跨域安全限制的）
6.类似5 用nginx把B网站的数据url反向代理。
node， express 解决跨域
加上请求头：
app.all('*', (req, res, next)=>{
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Content-Type,Content-Length, Authorization, Accept,X-Requested-With");
res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
res.header("X-Powered-By",' 3.2.1')
if(req.method=="OPTIONS") res.send(200);/*让options请求快速返回*/
else next();
});
重点说一下vue-cli处理跨域
port: 8080,
proxyTable: {
'/api': {
target: 'http://www.ainyi.com', // 目标接口域名
changeOrigin: true, // 是否跨域
// secure: false, // 如果是https接口，需要配置这个参数
pathRewrite: {
'^/api': '' // 重写接口，一般不更改
}
},
},
'/api' 为匹配项，target 为被请求的地址
以上代码表示：只要是http://www.ainyi.com/api的接口，都将被本地8080端口的请求代理：
http://localhost:8080/api ===> http://www.ainyi.com/api
也就是说，想请求接口http://www.ainyi.com/api，就是通过http://localhost:8080/api代理访问，就不会产生跨域。
这样就不需要在axios配置axios.defaults.baseURL，所有接口都由本地代理了
GitHub：https://github.com/Krryxa
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网