.env 文件配置详解

.env 文件配置详解,第1张

.env:全局默认配置文件,无论什么环境都会加载合并。

.env.development:开发环境的配置文件

.env.production:生产环境的配置文件

vue 会根据启动命令自动含桥加载相对应的环境配置文件。

开发环境加载 .env 和 .env.development 。

生大猜成环境加载 .env 和 .env.production 。

环境配置文件 >全局配置文件

当全局的配置文件和环境的配置文件有相同配置项时,环境的配置项会覆盖全局的配置项

如:

开发环境

打印 process.env 属性滚老型

在配置文件中定义的属性在其它文件中如何访问呢??

可以使用 process.env.xxx 来访问属性。

如:

开发过程中睁斗经常遇到不小心切换升绝错了接口地址从而打错生产包, 为了避免再次发生这种不必要的错误,总结了一下关于env文件在实际开发中的使用。

首先我们在根目录新建三个 .env的文件

.env 无论开发环境还是生成环境都会加载

.env.development 开发环境加载这个文件

.env.production 生成环境加载这个文件

env 文吵早姿件需要声明运行的环境

定义变量需要以 VUE_APP_ 作为前缀

最后需要在package.json文件里面增加打包和运行命令,

以上就是env文件的使用方法。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/12273466.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-24
下一篇 2023-05-24

发表评论

登录后才能评论

评论列表(0条)

保存