vue设置环境变量

1、在根目录地下建立两个文件，.env.development 和 .env.production

 

VUE_APP_BASE_API=""

.env.development这个就是开发环境，.env.production这个就是生产环境，也就是这个可以写本地的ip端口

.env.production 这个就是生产环境，写线上正式环境的ip端口

 npm run serve 运行开发环境，npm run build 打包生产环境

还有env.production文件里面的命名必须VUE_APP_BASE_API=""格式

2、使用 

const instance = axios.create({
  baseURL: process.env.VUE_APP_BASE_API,
  timeout: 5000,
});

在这一设置就可以了，自动加在设置.env.development和.env.production的地址