Vue .env 环境配置文件
Vue About 875 words默认模式
process.env.NODE_ENV
默认值:
vue-cli-service serve
:默认是development
模式。vue-cli-service test:unit
:默认是test
模式。vue-cli-service build
和vue-cli-service test:e2e
:默认是production
模式。
显示指定模式
vue-cli-service build --mode development
.env 文件
先加载.env
文件,再加载.env.local
文件,再加载对应环境的配置文件(相同变量覆盖.env
文件中的变量)。
.env.[mode]
:[mode]
为指定的模式,比如:development
、production
。
.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
参考
Views: 974 · Posted: 2022-12-30
————        END        ————
Give me a Star, Thanks:)
https://github.com/fendoudebb/LiteNote扫描下方二维码关注公众号和小程序↓↓↓
Loading...