配置開發環境.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': '/'
        }
      },
    }
  },
}