vue通过代理访问接口

1.config/index.js

dev: {

    assetsSubDirectory: 'static',
    assetsPublicPath: '/', 
    proxyTable: {
      '/manyangyang': {
        target: 'http://xxxx.com', // 后端提供给你的接口地址
        changeOrigin: true, // true开启跨域
        secure:false,
        pathRewrite: {
          '^/manyangyang': '/' 
        }
      }
    }    

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工程中的代理就会失效。