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'
# 后台接口地址