错误使用
封装axios
函数方式[回调]
顺序:传入(函数传入[不带括号]就相当于把地址传进去了)–> 调用(加了括号相当于调用)–> 回调(又会根据地址反过来执行)
一个参数[回调]
就是把上面的写到了一起,没什么特别的
promise方式
promise对象包住了什么异步操作,该异步操作就变成了promise对象,而返回什么值是靠resolve和reject来决定的,例如:多层的Ajax请求,就在最外面包裹promise就行,返回什么就看你需要什么!
axios封装
拦截器
上面request是请求拦截,下面response是响应拦截!
请求拦截注意
请求拦截表示还没有开始请求之前,即:发送请求出去之前。可以对数据先进行整理,再来请求 !
config打印结果:
响应拦截注意
响应拦截表示响应后,但是没有执行响应后的代码的这段时间。也是可以先整理,再来返回给后面的代码,例如:可以每次请求更新token !
res打印结果:
为什么需要拦截
axios封装代码和配置
封装后的代码以及配置见:vue3+eslint(推荐配置)|prettier+elementplus+国际化+axios封装+pinia