配置开发环境.env.development 和生产环境.env.production

//.env.development 
NODE_ENV = 'development'
VUE_APP_BASE_API1 = '/localApi1'
VUE_APP_SRC1 = 'https://abcd.com/'
//.env.production
NODE_ENV = 'production'
VUE_APP_BASE_API1 = '/localApi1'
VUE_APP_SRC1 = 'https://abcd.com/'
//request.js
import axios from 'axios'
const instance = axios.create({
    timeout: 10 * 60 * 1000,
    baseURL: process.env.NODE_ENV === 'production' ? process.env.VUE_APP_SRC1 : process.env.VUE_APP_BASE_API1
  })
export default instance
//vue.config.js
module.exports = {
  publicPath: './',
  assetsDir: 'static',
  productionSourceMap: false,
  devServer: {
    hot: true,
    https: false,
    port: 8500,
    proxy: {
      // 匹配到/localApi开头时 替换成target指定的地址
      '/localApi1': {
        // 本地
        target: process.env.VUE_APP_SRC1,
        changeOrigin: process.env.NODE_ENV === 'development' ? true : false, // 开发环境才开启反向代理, 生产环境不开启
        pathRewrite: {
          // 把匹配到的/localApi这段开头 替换成 /
          '^/localApi1': '/'
        }
      },
    }
  },
}

  

posted @ 2021-07-27 16:41  chicidol  阅读(3615)  评论(0编辑  收藏  举报