vue配置代理

module.exports = {
    assetsDir: 'static',
    parallel: false,
    publicPath: './',//history模式注释掉此行，hash模式需要
    
    productionSourceMap: false,
     devServer: {
       port: 8081,
       open: false,
       overlay: {
         warnings: false,
         errors: true
       },
       proxy: {
         '/api': {
                target: 'http://10.1.1.1/',  //后台接口地址
                changOrigin: true,  //允许跨域
                pathRewrite: {
                  /* 重写路径，当我们在浏览器中看到请求的地址为：http://localhost:8080/api/core/getData/userInfo 时
                    实际上访问的地址是：http://121.121.67.254:8185/core/getData/userInfo,因为重写了 /api
                   */
                  '^/api': '' 
                }
              },
       }
     },
}

接口公共配置

const service = axios.create({
  // 公共接口--这里注意后面会讲
  baseURL: process.env.VUE_APP_BASE_API,
  // 超时时间 单位是ms，这里设置了3s的超时时间
  timeout: 300 * 1000,
  withCredentials: true
})

环境配置：

1.本地 .env.development (这里配合使用代理)

VUE_APP_BASE_API = '/api'

2.线上 .env.production

VUE_APP_BASE_API = 'http://xxx'
# 后台接口地址