首先要安装axios
,一般我会在项目的src目录
中,新建一个network
文件夹,作为我们的网络请求模块,然后在里面新建一个http.js
和一个api.js
文件和一个request.js
。http.js文件用来封装我们的axios
,api.js用来统一管理我们的接口url
。
在request.js中添加请求拦截和响应拦截
。在请求拦截中,会给请求头添加token
字段,还有loading动画的开启
。在响应拦截中,可以做一些loading动画的关闭
,还有可以根据后端返回的状态码,做一些检验token是否有效或者过期的操作
。接着就是做一些axios进行的api接口的封装
,这里我用到了async,await封装请求接口函数,这样可以将异步操作同步化操作,代码更加友好,避免回调地域的出现。