axios 的作用
axios 在项目中,主要用来发起 Ajax 的数据请求,专门用来实现前后端数据交互的。
axios 的封装
我们在项目中会对 axios 做进一步的封装。会创建一个 src/utils/request.js 的模块,里面调用 axios.create() 函数,来创建 axios 的实例对象。在调用 create 函数期间可以全局配置请求的 baseURL 根路径和timeout超时时间
axios 如何使用
对于功能类似的 API 接口,我们会在 src/api 目录下进行接口的封装。这样可以提高 API 接口的复用性。
在项目中还会用到 axios 的拦截器。它主要的应用场景是: a. 基于请求拦截器,为有权限的接口统一添加 Authorization 的 token 认证 c. 基于响应拦截器,判断响应状态码是否为 401,来处理 token 失效后的问题