CORS:
服务端设置,这种最省事,有时需要前端传一个cookie。
Jsonp跨域:
前后端都需要改动,最流行的一种方式。
前端安装
cnpm i jsonp --save-dev
Jsonp前端语法:
mounted(){
let url="http:……接口地址网址";
jsonp(url,(err,res)=>{
let result=res;
this.data=result;
})
}
接口代理:
Nginx代理运维修改
nodejs可以使用
vue.config.js
module.exports={
devSever:{
host:localhost,
port:8080,
proxy:{
'路径地址':{
target:'实际跳转(代理完整网址)',
changeOrigin:true,
pathRewrite:{
'api':''
}
}
}
}
}
这种方法更安全、隐藏了真实的接口地址。