0
点赞
收藏
分享

微信扫一扫

说⼀下如何对axios进⾏⼆次封装?以及api如何封装?

诗尚凝寒 2022-03-23 阅读 71
前端

1. 在src⽂件夹内创建utils⽂件夹

2. 在utils⽂件夹内创建request.js⽂件

3. 在request.js内引⼊axios

4. 使⽤axios.create⽅法创建axios的实例,在axios.create⽅法⾥⾯可以配置请求的公共地址和超时时间以及其他的⼀些配置

5. 在创建请求拦截器和响应拦截器

6. 在请求拦截器⾥⾯可以获取vuex的token,并通过config.header.token = vuex的token,将token发送给后台

7. 在请求拦截器⾥⾯我们配置loading加载

8. 在响应拦截器⾥⾯我们可以结束loading加载以及token的过期处理,以及错误响应信息的处理

9. 最后通过export default 导出axios的实例对象

10. 在src⽂件内创建api⽂件夹

11. 在api⽂件夹内创建对应模块的js⽂件

12. 在对应的⽂件⾥⾯引⼊request.js⽂件

13. 封装api⽅法

14. 最后通过export default 导出封装的api⽅法

举报

相关推荐

0 条评论