详解.env文件配置---全局环境变量

一、 .env 文件说明

  • .env --- 全局默认配置文件,在所有的环境中被载入,当你指定了环境,它也会合并,并且优先级大于.env,没有指定环境时先找它
  • .env.development --- 指定开发环境的配置文件
  • .env.production --- 指定生产环境的配置文件,当 build 运行会触发此文件

二、变量创建

键值对形式创建,命名必须VUE_APP_开头
列如:VUE_APP_BASE_API = '/api'

 .env.production
 NODE_ENV='production'
VUE_APP_BASEURL='https://127.0.0.1:3000/api'
NODE_ENV='development'
VUE_APP_BASEURL='https://127.0.0.1:3000/api'
NODE_ENV 将决定您的应用运行的模式,是开发,生产还是测试,因此也决定了创建哪种 webpack 配置,如果文件内部不包含 NODE_ENV 变量,它的值将取决于模式,例如,在 production 模式下被设置为 "production",在 test 模式下被设置为 "test",默认则是 "development"。

注意:如果在环境中有默认的 NODE_ENV,你应该移除它或在运行 vue-cli-service 命令的时候明确地设置 NODE_ENV

三、 使用

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

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

posted @   ajajaz  阅读(1105)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示