变量 - 环境变量 - .env.production

创建文件

.env 无论什么环境都会加载
.env.production 生产环境加载
.env.development 测试开发环境加载

package.json增加配置

{
  "scripts": {
    "serve": "vue-cli-service serve --mode development",
    //打包测试开发版本  
    //--mode 后面需要对用文件的名字.env.development  重点是要和.env.后面的名字对应起来
    "build-development": "vue-cli-service build --mode development",
    //打包生产版本
    //--mode 后面需要对用文件的名字.env.production 重点是要和.env.后面的名字对应起来
    "build-production": "vue-cli-service build --mode production",
    "lint": "vue-cli-service lint"
  },

写文件,自定义变量 必须要以VUE_APP_开头定义

ENV = 'production'
VUE_APP_URL = 'productionURL'
VUE_APP_data = ["xx","xx"]  # 必须是"，不可以'
// 变量修改了之后需要重新开启才生效，ctrl+S保存重载不生效

使用

console.log(process.env.VUE_APP_URL, "VUE_APP_URL")
// 这样才可以转成列表
let data = JSON.parse(process.env.VUE_APP_data)