微信登录

css env

创建文件

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

package.json增加配置

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

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

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

使用

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