vue项目使用.env文件配置全局环境变量的方法
作者:马大头 时间:2024-04-26 17:37:25
关于文件名:必须以如下方式命名,不要乱起名,也无需专门手动控制加载哪个文件
.env 全局默认配置文件,不论什么环境都会加载合并
.env.development 开发环境下的配置文件
.env.production 生产环境下的配置文件
关于文件内容:
注意:属性名必须以VUE_APP_开头,比如VUE_APP_XXX
.env:
.env.development:
关于文件的加载:
根据启动命令vue会自动加载对应的环境,vue是根据文件名进行加载的,所以上面说“不要乱起名,也无需专门控制加载哪个文件”
比如执行npm run serve命令,会自动加载.env.development文件
启动项目:
打印process.env属性(全局属性,任何地方均可使用):
可见NODE_ENV被改为了development,覆盖掉了.env中的全局属性
.env中的全局属性NODE_ENV、VUE_APP_URL被覆盖,
.env中的全局属性VUE_APP_PREVIEW、VUE_APP_DEFAULT_PARAM被保留
来源:https://blog.csdn.net/w405722907/article/details/94720868
标签:vue,.env,全局环境变量
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
不到20行实现Python代码即可制作精美证件照
2021-08-29 09:27:43
![](https://img.aspxhome.com/file/2023/8/130568_0s.png)
使用keras框架cnn+ctc_loss识别不定长字符图片操作
2022-05-13 22:15:42
![](https://img.aspxhome.com/file/2023/0/68260_0s.jpg)
golang bufio包中Write方法的深入讲解
2024-05-08 10:45:31
基于Go语言实现插入排序算法及优化
2024-05-22 10:18:05
![](https://img.aspxhome.com/file/2023/8/123898_0s.png)
Golang单元测试与断言编写流程详解
2024-05-05 09:28:13
python序列化与数据持久化实例详解
2023-08-05 11:44:29
![](https://img.aspxhome.com/file/2023/8/99588_0s.png)
python中字典按键或键值排序的实现代码
2023-07-22 00:26:49
Dreamweaver MX 2004 之 Flash Element
2010-03-25 12:27:00
![](https://img.aspxhome.com/file/UploadPic/20071/200713110301677s.gif)
让IE8支持eWebEditor在线编辑器
2010-02-28 10:36:00
Python3实现飞机大战游戏
2022-08-25 05:29:03
![](https://img.aspxhome.com/file/2023/6/81826_0s.jpg)
asp查询xml的代码实现无刷新 模糊查询
2008-04-30 15:39:00
详解python使用canvas实现移动并绑定键盘
2022-08-18 01:02:52
![](https://img.aspxhome.com/file/2023/8/68368_0s.png)
WinHTTP Services 5.1 参考资料
2010-03-27 20:49:00
Python数据存储之XML文档和字典的互转
2023-02-12 08:56:11
针对Sqlserver大数据量插入速度慢或丢失数据的解决方法
2024-01-21 02:54:46
一篇文章告诉你如何用python进行自动化测试,调用c程序
2021-10-08 09:14:49
![](https://img.aspxhome.com/file/2023/0/118660_0s.jpg)
JS求解三元一次方程组值的方法
2024-05-02 17:39:00
20行python代码的入门级小游戏的详解
2023-07-15 01:25:31
golang组件swagger生成接口文档实践示例
2023-09-19 11:29:39
![](https://img.aspxhome.com/file/2023/3/100793_0s.png)
跟老齐学Python之深入变量和引用对象
2022-05-07 23:17:43
![](https://img.aspxhome.com/file/2023/6/131106_0s.png)