vue设置环境变量

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的地址

相关推荐
IT_陈寒几秒前
Vite 3.0 实战:5个优化技巧让你的开发效率提升50%
前端·人工智能·后端
玲小珑17 分钟前
React 防抖函数中的闭包陷阱与解决方案
前端·react.js
咖啡の猫23 分钟前
TypeScript编译选项
前端·javascript·typescript
找方案26 分钟前
hello-agents 学习笔记:解锁智能体三大经典范式,从原理到实战
javascript·笔记·学习·hello-agents
想学后端的前端工程师28 分钟前
【Vue3响应式原理深度解析:从Proxy到依赖收集】
前端·javascript·vue.js
Rhys..37 分钟前
js-箭头函数
开发语言·javascript·ecmascript
资深低代码开发平台专家40 分钟前
厌倦JavaScript 框架桎梏?Still.js:用原生之力,解遗留系统之困
开发语言·javascript·ecmascript
纟 冬44 分钟前
Flutter & OpenHarmony 运动App运动目标设定组件开发
开发语言·javascript·flutter
2501_9444460044 分钟前
Flutter&OpenHarmony应用内导航与路由管理
开发语言·javascript·flutter
小徐不会敲代码~1 小时前
Vue3 学习 5
前端·学习·vue