vue的vue.config.js中的代理随记

vue引入axios并且配置成公共js给api调用之后
创建axios实例中

const service = axios.create({
    // axios中请求配置有baseURL选项，表示请求URL公共部分
    // 也能直接用接口地址（例） http://192.168.0.1:8080 此类直接用，为了用代理解决跨域问题
    // 则用自定义的标识来给到vue.config.js中做处理
    baseURL: '/dev-api', 
    // 超时设置
    timeout: 20000
})

配置完毕后去到vue.congfig,js中配置devServer

devServer: {
    proxy: {
      // 通过userCode获取数据
      '/dev-api': {  //自定义代理的别名
        target: 'http://192.168.0.1:8080', // 真的接口地址（例子接口）
        changeOrigin: true,//是否跨域
        secure: false,//是否https
        pathRewrite:{  //替换路径中的/api，
          '^/dev-api':''
        }
      },
    },
  },