乐趣区

关于vue.js:vue项目使用env文件配置全局环境变量

对于文件名:必须以如下形式命名,不要乱起名,也无需专门手动管制加载哪个文件

.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 被保留

 

退出移动版