axios的封装axios.js

最新推荐文章于 2025-10-09 00:02:15 发布

原创最新推荐文章于 2025-10-09 00:02:15 发布 · 944 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何封装axios并实现登录状态的劫持检查，通过axios.interceptors在请求和响应阶段进行sessionStorage读取，判断用户登录状态，无效时跳转至登录页。同时，讲解了如何使用element-loading组件实现数据加载时的等待效果。

axios的封装后基本都是叫axios.js，放到插件plugin文件夹里面，一般是把get和post再封装，也在里面写登录逻辑，利用axios的劫持axios.interceptors.response和request 对sessionStroge进行用户登录判断，登录失效或无权限时，会使用window.location.href来跳转到login页面。关于等待页面，使用调用的方式来调用element loading来打开和关闭，将打开和关闭的方法放在axios.post和get前与后来执行显示和关闭。