vue-cli配置环境变量

简介: vue-cli配置环境变量


项目根目录创建.env文件

①.env.dev

NODE_ENV=development

②.env.uat

NODE_ENV=uat

③.env.sit

NODE_ENV=sit

④.env.prod

NODE_ENV=production

修改package.json命令行,加上–mode xxx

package.json命令行,-- mode xxx与.env.xxx 相对应

项目中获取环境变量

当运行例如npm run server时,项目中就可以通过process.env.NODE_ENV获取对应的.env.xxx里设置的NODE_ENV值

console.log(process.env.NODE_ENV);
目录
相关文章
|
6月前
|
资源调度 JavaScript 前端开发
【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)
【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)
70 1
|
2月前
|
JavaScript
Vue Cli 脚手架安装
本文介绍了如何使用npm和cnpm淘宝镜像加速来安装Vue CLI脚手架工具,并验证安装成功。接着,通过Vue CLI创建新项目,并启动项目服务。
Vue Cli 脚手架安装
|
3月前
|
存储 JavaScript 安全
Vue 3 环境变量配置
Vue 3 环境变量配置
|
6月前
vue-cli 3.0 配置
vue-cli 3.0 配置
54 0
|
JavaScript 测试技术
vue cli中的env详解
vue cli中的env详解
91 0
|
Web App开发 JavaScript 前端开发
如何快速安装vue-cli脚手架
如何快速安装vue-cli脚手架
101 0
|
JavaScript 前端开发 测试技术
Vue CLI中 模式和环境变量详解
Vue CLI中 模式和环境变量详解
292 0
Vue CLI中 模式和环境变量详解

相关实验场景

更多