vue-cli环境变量与模式
模式
环境变量
环境文件加载优先级
示例:Staging 模式
在客户端侧代码中使用环境变量
public/index.html
只在本地有效的变量
推荐阅读
你越是认真生活,你的生活就会越美好——弗兰克·劳埃德·莱特
《人生果实》经典语录
vue-cli3.0移除了配置文件目录: config和build文件夹。改为.env自定义配置环境变量和模式
日常工作中,主要用来区分本地开发环境,测试环境,正式环境的全局配置,例如服务器地址、接口地址、websocket地址…… ,通过环境变量和模式,方便管理
模式
模式是 Vue CLI 项目中一个重要的概念。
默认情况下,一个 Vue CLI 项目有三个模式:
development 模式用于 vue-cli-service serve
test 模式用于 vue-cli-service test:unit
production 模式用于 vue-cli-service build 和 vue-cli-service test:e2e
你可以通过传递--mode 选项参数为命令行覆写默认的模式。
例如,如果你想要在构建命令中使用开发环境变量:
vue-cli-service build --mode development
当运行 vue-cli-service 命令时,所有的环境变量都从对应的环境文件中载入。
如果文件内部不包含NODE_ENV变量,它的值将取决于模式
例如,在