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

相关推荐
A24207349301 小时前
TCP 三次握手与四次挥手:从原理到状态机一次讲清
前端
GreenTea8 小时前
GrokBot 核心成员 Lauren Tan:每月交付 2000 个 PR 的人,是怎么用 AI 的
前端·后端·架构
mCell9 小时前
用 Knip 清理 AI Coding 留下的冗余代码
前端·ai编程·前端工程化
dy171710 小时前
vue2树节点刷新后定位到上一节点展开
vue.js
笃行35010 小时前
使用Rokid AIUI做了一个童年推箱子游戏
前端
excel11 小时前
前端加密的作用与使用场景
前端
计算机魔术师12 小时前
纽约时报版权诉讼披露:微软高管内部称训练 AI 是人类历史上最大规模劳动窃取
前端
去伪存真13 小时前
大模型的参数量为什么那么大?
前端·人工智能
IT_陈寒13 小时前
Java空指针这次真把我坑惨了
前端·人工智能·后端
高级程序源14 小时前
django大学生创新创业项目管理系统94923-计算机课程设计、毕业设计
javascript·vue.js·spring boot·后端·python·django·课程设计