vue-element-admin 開發，測試，線上環境配置

一、.env.development 開發環境

# 開發環境
 
# 環境標志
ENV = 'development'
 
# 基礎API
VUE_APP_BASE_API = '/api'
 
 
VUE_CLI_BABEL_TRANSPILE_MODULES = true

開發環境需要配置跨域代理：在vue.config.js 中配置proxy

module.exports = {
  publicPath: "./",
  outputDir: "dist",
  assetsDir: "static",
  lintOnSave: process.env.NODE_ENV === "development",
  productionSourceMap: false,
  // 開發環境跨域代理
  devServer: {
    port: port,
    open: true,
    overlay: {
      warnings: false,
      errors: true,
    },
    proxy: {
      [process.env.VUE_APP_BASE_API]: {
        target: `本地調用接口的域名`,
        changeOrigin: true,
        pathRewrite: {
          ["^" + process.env.VUE_APP_BASE_API]: "",
        },
      },
    },
  },
};

二、.env.staging 測試環境

# 測試環境
 
NODE_ENV = production
 
# 環境標志
ENV = 'staging'
 
# 基礎API
VUE_APP_BASE_API = “自己測試環境調用接口的域名”

三、.env.production 正式環境

# 生產環境
 
# 環境標志
ENV = 'production'
 
# 基礎API
VUE_APP_BASE_API = '正式環境請求接口的域名'