vue设置环境变量

bug总结2024-08-18 20:38

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

javascript 复制代码

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、使用

javascript 复制代码

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

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