axios的网络请求封装

博客介绍了使用axios进行网络请求封装的原因,因项目开发和上线时服务器基础地址不同,若每次请求都用完整地址,修改会很繁琐,封装相同请求部分可简化操作。还给出了封装步骤,先创建request.js文件封装请求,再在页面引入并发起请求,修改服务器地址只需在request.js中操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.为什么要使用axios的网络请求封装?
一般项目在开发过程中和上线的时候所使用的的服务器的基础地址是不同的,也就是ip地址和端口号不同,但是后面的接口地址如/api/v1/products是完全相同的。如果当我们每请求一次,发送完整地请求地址,那么需要修改的时候将会非常繁琐,因此我们只需要将相同的请求部分封装起来就可以更改一次就可以了。
在这里插入图片描述
步骤

1. 创建一个 request.js文件,用来封装axios的网络请求
在这里插入图片描述
将请求的公共部分封装起来, 也可以将其他的请求封装起来,来简化请求操作。

2. 在页面中发起请求
首先引入:
在这里插入图片描述
发起请求:
在这里插入图片描述
直接将请求路径放入即可,公共的请求地址不用放入,如果需要修改服务器地址,在request.js中修改就相当于修改了全部的地址。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值