本文详细介绍了axios的错误封装方式，包括函数回调和Promise的使用，并探讨了axios的请求和响应拦截器。在请求拦截中，可以预先处理数据；响应拦截则允许在返回给后续代码前进行数据整理。此外，还分享了axios的封装代码和配置，以及为何需要使用拦截器进行请求管理和错误处理。
错误使用
封装axios
函数方式[回调]
顺序：传入(函数传入[不带括号]就相当于把地址传进去了)–> 调用(加了括号相当于调用)–> 回调(又会根据地址反过来执行)
一个参数[回调]
就是把上面的写到了一起，没什么特别的
promise方式
promise对象包住了什么异步操作，该异步操作就变成了promise对象，而返回什么值是靠resolve和reject来决定的，例如：多层的Ajax请求，就在最外面包裹promise就行，返回什么就看你需要什么！
axios封装
拦截器
上面request是请求拦截，下面response是响应拦截！
请求拦截注意
请求拦截表示还没有开始请求之前，即：发送请求出去之前。可以对数据先进行整理，再来请求 ！
config打印结果：
响应拦截注意
响应拦截表示响应后，但是没有执行响应后的代码的这段时间。也是可以先整理，再来返回给后面的代码，例如：可以每次请求更新token ！
res打印结果：
为什么需要拦截
axios封装代码和配置
封装后的代码以及配置见：vue3+eslint(推荐配置)|prettier+elementplus+国际化+axios封装+pinia
扫一扫
1115
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
