1.为什么要使用axios的网络请求封装?
一般项目在开发过程中和上线的时候所使用的的服务器的基础地址是不同的,也就是ip地址和端口号不同,但是后面的接口地址如/api/v1/products是完全相同的。如果当我们每请求一次,发送完整地请求地址,那么需要修改的时候将会非常繁琐,因此我们只需要将相同的请求部分封装起来就可以更改一次就可以了。
步骤
1. 创建一个 request.js文件,用来封装axios的网络请求
将请求的公共部分封装起来, 也可以将其他的请求封装起来,来简化请求操作。
2. 在页面中发起请求
首先引入:
发起请求:
直接将请求路径放入即可,公共的请求地址不用放入,如果需要修改服务器地址,在request.js中修改就相当于修改了全部的地址。