VUE项目使用.env文件配置全局环境变量

用户4464623

发布于 2020-09-10 16:03:18

2.9K0

发布于 2020-09-10 16:03:18

文章被收录于专栏：晨曦破晓の家晨曦破晓の家

文件名

关于文件名：必须以如下方式命名，不要乱起名，也无需专门手动控制加载哪个文件

.env 全局默认配置文件，不论什么环境都会加载合并

.env.development 开发环境下的配置文件

.env.production 生产环境下的配置文件

内容

注意：属性名必须以VUE_APP_开头，比如VUE_APP_URL VUE_APP_XXX

文件的加载

根据启动命令vue会自动加载对应的环境，vue是根据文件名进行加载的，所以上面说“不要乱起名，也无需专门控制加载哪个文件”

比如执行npm run serve命令，会自动加载.env.development文件

注意：.env文件无论是开发还是生成都会加载的公用文件

配置package.json文件可以具体设置启动具体加载哪个.env.XXX文件

"scripts": {
    "dev": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "dev:prod": "vue-cli-service serve --mode production",
    "dev:test": "vue-cli-service serve --mode test",
    "dev:kunpeng": "vue-cli-service serve --mode kunpeng",
    "build:prod": "vue-cli-service build --mode production",
    "build:test": "vue-cli-service build --mode test",
    "build:kunpeng": "vue-cli-service build --mode kunpeng",
    "build:dev": "vue-cli-service build --mode development",
    "build:stage": "vue-cli-service build --mode staging",
    "preview": "node build/index.js --preview",
    "lint": "eslint --ext .js,.vue src",
    "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml",
    "new": "plop"
  },

"dev:kunpeng": "vue-cli-service serve --mode kunpeng",

"dev:kunpeng": "vue-cli-service serve --mode kunpeng" 启动的时候就会加载.env.kunpeng文件。

.env文件都要加载如果两个文件有相同一个项，后加载文件会覆盖第一个文件。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

vue.js

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

vue.js

登录后参与评论

0 条评论

热度