uniapp 设置环境变量

uniapp 设置环境变量

前言

使用cli创建的项目设置环境变量与vue2一样

如何设置？

1. 在项目根目录下创建.env.dev文件，设置变量，dev是自定应得

   //NODE_ENV 是官方指定可以设置的变量,此处不写也可以，只做演示用
   //自定义的环境变量必须以VUE_APP_开头 否则获取不到，比如下面的KEY
   
   NODE_ENV="dev"
   VUE_APP_BASE_URL="https://dev"
   KEY=123
   

2. 在package.json中做处理

   {
     "name": "uniapp",
     "version": "0.1.0",
     "private": true,
     "scripts": {
       "dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch --mode dev",/* 此处和原来得对比只添加了 --mode dev ,dev联动.env.dev文件 */
     },
   }
   

3. 使用

   在npm run dev:mp-weixin之后，程序就能读取到.env.dev设置的变量了，通过 process.env来访问你设置的变量

注意

1. 如果项目设置了.env文件，不管任何环境下都会读取该文件的变量，当与当前环境的变量一致时，当前环境的变量覆盖.env的变量

参考文章

1. https://blog.csdn.net/ding139725/article/details/124256499