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);
目录
相关文章
|
7月前
|
资源调度 JavaScript 前端开发
【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)
【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)
78 1
|
28天前
|
资源调度 JavaScript 前端开发
一文带你了解和使用vue-cli(2024年11月)
欢迎来到我的博客!我是一名热爱前端技术的大一学生,自学JavaScript与Vue已两年半,目前正向全栈工程师迈进。如果你从我的博客中有所收获,欢迎关注我,我会持续更新更多优质内容,一起成长!🎉🎉🎉
28 0
一文带你了解和使用vue-cli(2024年11月)
|
3月前
|
JavaScript
Vue Cli 脚手架安装
本文介绍了如何使用npm和cnpm淘宝镜像加速来安装Vue CLI脚手架工具,并验证安装成功。接着,通过Vue CLI创建新项目,并启动项目服务。
Vue Cli 脚手架安装
|
4月前
|
存储 JavaScript 安全
Vue 3 环境变量配置
Vue 3 环境变量配置
|
7月前
|
JavaScript 开发工具 git
Vue 入门系列:.env 环境变量
Vue 入门系列:.env 环境变量
92 1
|
7月前
vue-cli 3.0 配置
vue-cli 3.0 配置
58 0
|
JavaScript 测试技术
vue cli中的env详解
vue cli中的env详解
95 0
|
Web App开发 JavaScript 前端开发
如何快速安装vue-cli脚手架
如何快速安装vue-cli脚手架
107 0
|
JavaScript 数据可视化
Vue_cli2和Vue_cli3
Vue_cli2和Vue_cli3
104 0