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_开头 

你可能感兴趣的:(前端,vue.js)