vue通过代理访问接口

1.config/index.js

 1 dev: {
 2 
 3     assetsSubDirectory: 'static',
 4     assetsPublicPath: '/', 
 5     proxyTable: {
 6       '/manyangyang': {
 7         target: 'http://xxxx.com', // 后端提供给你的接口地址
 8         changeOrigin: true, // true开启跨域
 9         secure:false,
10         pathRewrite: {
11           '^/manyangyang': '/' 
12         }
13       }
14     }

2.测试代码

this.$axios({
     url:'/mangyangyang/api/http/queryStaf',
     method:'post',
    headers:{'Content-Type':'application/json;charset=utf-8'},
     data:{
         data:{
            stafNo:'123456',
           stafNam:'yangyang'
        }
     //data:JSON.stringify({"data":{"stafNo":"123456","stafNam":"yangyang"}})
   }
 }) 
 .then((res)=>console.log(res))
 .catch(err =>console.log(err));

注：需要直接访问vue工程，如果通过网关访问，显然设置在vue工程中的代理就会失效。

posted @ 2020-12-10 17:25  慢羊羊~~~  阅读(861)  评论(0)  编辑  收藏  举报