vue项目中如何配置env环境

vue项目中如何配置env环境,第1张

1.创建多个环境文件

(1)创建一个.env文件,用于定义默认环境变量,不管是生产还是开发环境都会加载.env文件,会把.env文件和其他.env....文件进行合并,但是如果两个问价有相同的变量名,会使用后者对前者进行覆盖

(2)创建一个.env.development文件,使用npm run server时默认会加载此配置文件

(3)创建一个.env.prod文件,使用npm run build时默认会加载.env.production配置文件,但是这里换了名字,就需要在package.json文件中进行配置,通过npm run build :prod即可在运行时,加载对应的配置文件

 备注:Node_ENV用于指定当前环境是生产还是开发或者其他自定义环境,环境变量中的名字前置必须以VUE_APP开头,后边可以使用任意名字结尾,在代码中使用process.env即可访问到定义的环境变量

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

原文地址: http://outofmemory.cn/web/1322675.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-12
下一篇 2022-06-12

发表评论

登录后才能评论

评论列表(0条)

保存