Vue .env文件配置全局变量

Posted 2021-06-07 JIZQAQ

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

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

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

开发环境下会自动获取.env.development的变量，用build运行的时候则会使用.env.production的变量。项目结构如下图。

环境变量命名需要以VUE_APP_开头，如

VUE_APP_BASEURL = 'http://XXXX/XXX'
VUE_APP_IMGURL = 'http://XXXX/XXX'

使用的话，具体在需要用到的.vue 文件中

export default {
  data() {
    return {
        baseUrl: process.env.VUE_APP_BASEURL
    };
  },
}

参考：

https://www.jianshu.com/p/5ac912a00f02