vue-cli脚手架proxy跨域配置

proxy 跨域配置, 针对有 axios 的 baseURL

1. 首先主要的 config 文件下的 index.js 中的 proxytable 配置

proxyTable:{
    '/proxy': {
        target:'http://192.168.2.141:8080', 
        changeOrigin:true,
        pathRewrite: {'^/proxy':  ''}
    }
}

注：proxy 这个词可以任意换, 但文下的词要一致

2.config 下的 dev.env.js 中配置 base_api, 即与上文对应的 proxy

module.exports = merge(prodEnv, {
    NODE_ENV: '"development"',
    BASE_API: '"/proxy"'
})

注：这里是开发模式下的配置, 产品模式到 prod.env.js 中配置

3.axios 中的全局设置配置

axios.defaults.baseURL = process.env.BASE_API;

4. 请求的时候, 例如我现在需要请求 http://192.168.2.141:8080/WX/shopCart/findShopCartList 这个接口, 这样写就行了 ↓

getData(){
    this.axios({
        method:'post',
        url:'/WX/shopCart/findShopCartList',
        data:{
          }
    }).then(res=>{
    console.log(res,'返回的数据')
}