打包之后怎么统一配置后台ip

4 篇文章 0 订阅

封装axios可以看我前一篇文章

https://blog.csdn.net/m0_49789433/article/details/117231209

这里写的是打包之后怎么统一配置后台ip(vuevli3)
public下面新建一个config.js
在这里插入图片描述
config.js

window.g = {
    ApiUrl: 'http://192.168.5.240/8080',
}

替换之前ip(这个是上个文章讲到的封装的ip文件)
在这里插入图片描述

import axios from 'axios'

// 创建axios对象
const service = axios.create({
  baseURL: window.g.ApiUrl, // 请求接口的域名    window.g.ApiUrl=192.168.5.220
})

npm run build 进行打包![在这里插入图片描述](https://img-blog.csdnimg.cn/20210524202125188.png

在这里插入图片描述
找到自己项目的路径找打dist文件
在这里插入图片描述
打开config.js文件
在这里插入图片描述
.使用记事本打开修改接口就可以啦
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值