vue .env配置全局变量

一、在根目录新建以下三个文件
.env 全局默认配置文件,不论什么环境都会加载合并
.env.development 开发环境下的配置文件
.env.production 生产环境下的配置文件
里面内容:
.env文件

// 本地测试
NODE_ENV = 'local';
VUE_APP_URL = "local";

注意:属性名必须以VUE_APP_开头,比如VUE_APP_XXX

二、在package.json配置

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build --mode production",  // 配置
    "build:alpha": "vue-cli-service build --mode development", // 配置
    "lint": "vue-cli-service lint"
  },

三、获取方式
获取方式:process.env.
在模块.vue中使用

// template
{{ VUE_APP_URL }}
//script data(){ return{ VUE_APP_URL:process.env.VUE_APP_URL } }

在index.html中使用

<%= VUE_APP_URL %>


你可能感兴趣的:(vue)