600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > 详解.env文件配置---全局环境变量

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

时间:2023-06-23 18:14:05

相关推荐

详解.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'

.env.development

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来访问属性

console.log('当前:',process.env.VUE_APP_BASEURL);

四、模式

拿VUE举例

development 模式用于 vue-cli-service serveproduction 模式用于 vue-cli-service build

详情可见:模式和环境变量 | Vue CLI

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。