vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue配置env环境

vue项目中如何配置env环境的实现

作者:EntyIU

本文主要介绍了vue项目中如何配置env环境的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

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即可访问到定义的环境变量

到此这篇关于vue项目中如何配置env环境的实现的文章就介绍到这了,更多相关vue配置env环境内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文