前端的三种跨域方法:CORS,JSONP,代理跨域

zhuanbike 2022-1-14 702

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':''
   }
  }
}
}
}

这种方法更安全、隐藏了真实的接口地址。

最新回复 (0)
发新帖