Vue .env 环境配置文件

Vue About 875 words

默认模式

process.env.NODE_ENV默认值:

  • vue-cli-service serve:默认是development模式。
  • vue-cli-service test:unit:默认是test模式。
  • vue-cli-service buildvue-cli-service test:e2e:默认是production模式。

显示指定模式

vue-cli-service build --mode development

.env 文件

先加载.env文件,再加载.env.local文件,再加载对应环境的配置文件(相同变量覆盖.env文件中的变量)。

.env.[mode][mode]为指定的模式,比如:developmentproduction

.env.[mode].local:指定模式的本地配置文件,.local结尾的都会被git忽略提交。

  • .env:全局配置文件,任何环境都加载。
  • .env.local:本地全局配置文件,会被git忽略。
  • .env.development:开发环境下的配置文件。
  • .env.production:生产环境下的配置文件。

环境变量

.env中只允许三种类型的变量。

  • NODE_ENV
  • BASE_URL
  • VUE_APP_开头的变量

示例

.env

全局配置文件

NODE_ENV=production
BASE_URL=http://google.com
VUE_APP_MY_SECRET=My Secret
VUE_APP_MY_CODE=My Code

.env.development

开发环境配置文件,对于没有指定的VUE_APP_MY_CODE变量,将沿用全局配置文件中的配置。

NODE_ENV=development
BASE_URL=http://baidu.com
VUE_APP_MY_SECRET=My Secret Development

参考

https://cli.vuejs.org/zh/guide/mode-and-env.html

Views: 974 · Posted: 2022-12-30

————        END        ————

Give me a Star, Thanks:)

https://github.com/fendoudebb/LiteNote

扫描下方二维码关注公众号和小程序↓↓↓

扫描下方二维码关注公众号和小程序↓↓↓


Today On History
Browsing Refresh