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 = '正式环境请求接口的域名'