第一步：創建3個環境變量文件

1、創建> 生產（本地）環境 .env.development

# 開發環境
ENV='development'
VUE_APP_MEDIA_BASE='調后端請求的地址'

2、創建> 測試環境 .env.staging

# 測試環境
ENV='staging'
VUE_APP_MEDIA_BASE='調后端請求的地址'

3、創建> 生產（正式）環境 .env.production

# 正式環境
ENV='production'
VUE_APP_MEDIA_BASE='調后端請求的地址'

第二步：在vue.config.js文件中配置

module.exports = {//生產環境使用development的變量lintOnSave: process.env.ENV === 'development',//設置代理proxy: {'/api': {target: process.env.VUE_APP_MEDIA_BASE,changeOrigin: true,}}
}

第三步：配置package.json

//正式環境build指令build:prod
//測試環境build指令build:stage"scripts": {"dev": "vue-cli-service serve","build:prod": "vue-cli-service build","build:stage": "vue-cli-service build --mode staging",}

驗證是否生效：在main.js或者vue.config.js或者任意組件中打印一下process.env.VUE_APP_MEDIA_BASE，如果獲取到就證明驗證成功了

注意！！！在文件中配置環境路徑，前面必須以VUE_APP開頭！！！