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

相关推荐
ZC跨境爬虫几秒前
跟着MDN学HTML_day_45:(EventTarget接口)
前端·javascript·ui·html·媒体
漂移的电子14 分钟前
【el-tree】外层多选,某个属性内层单选
前端·javascript·vue.js
BJ-Giser25 分钟前
Cesium 体积光阴影率分析和阴影体渲染效果
前端·可视化·cesium
幽络源小助理29 分钟前
YK一点资讯Zblog主题源码, 游戏攻略新闻资讯模板
前端·php源码
RPGMZ31 分钟前
RPGMZ NPC头顶自动显示一段消息
前端·游戏引擎·rpgmz·rpgmakermz
DFT计算杂谈37 分钟前
AMSET 设置多核并行计算
java·前端·css·html·css3
花椒技术41 分钟前
AI 协同开发落地复盘:1 小时生成首版后,为什么 Review 和修正又花了 2-3 天
前端·人工智能·架构
万少1 小时前
万少用9个AI工具,帮朋友完成了一个"不可能"的项目
前端
小小小小宇1 小时前
Vue `import` 为什么可以异步加载
前端
WMYeah1 小时前
【无标题】
前端·rust·抽奖程序·跨平台抽奖程序