vue项目中如何配置env环境

1.创建多个环境文件

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

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

vue项目中如何配置env环境_第1张图片

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

vue项目中如何配置env环境_第2张图片

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

你可能感兴趣的:(web,npm,前端,node.js)