process.env.XXX环境变量不生效的解决方法

解决方法"/>

process.env.XXX环境变量不生效的解决方法

问题：

使用process.env.XXX时获取不到环境变量的值：

axios.defaults.baseURL = process.env.VUE_APP_BASE_API;

解决方法：

一：.env.development和.env.production 必须在根目录下。

二：项目根目录下的.env.development和.env.production环境配置文件中，NODE_ENV=development的值必须和package.json文件启动配置--mode一致

NODE_ENV = development
VUE_APP_BASE_API = 'http://localhost:8080' 
VUE_APP_API_URL= 'http://localhost:8080' 

//package.json文件

"scripts": {
        "serve": "vue-cli-service serve",
        "dev": "vue-cli-service serve --mode development",
        "prod": "vue-cli-service serve --mode production",
    }, 

三：.env.development和.env.production环境配置文件中变量名必须以VUE_APP_开头