vue2拦截器 拦截后端返回的数据,并判断是否需要登录

vue2拦截器 拦截后端返回的数据,并判断是否需要登录

vue 复制代码
  axios.interceptors.response.use(res => {
    // 添加响应数据日志
    console.log('接口返回数据:', {
      url: res.config.url,
      method: res.config.method,
      response: res.data
    });
      // 检查是否返回登录页面HTML
    if (typeof res.data === 'string' && res.data.includes('<!DOCTYPE html>') && res.data.includes(登录系统')) {
      console.log('检测到返回登录页面,准备跳转...');
   //删除 过期 token

      MessageBox.alert('登录已过期,请重新登录', {
        confirmButtonText: '跳转登录页面',
        callback: action => {
          window.location.href = Url+'/login'
        }
      });
      return Promise.reject('需要重新登录');
    }
  })
  
相关推荐
kisshyshy几秒前
从Props透传到自定义Hook:系统梳理React跨层级通信与逻辑复用
前端·架构·代码规范
yume_sibai3 分钟前
05-Flutter实战项目
前端·flutter
涛涛ing20 分钟前
React 19.3 发布,但真正的赢家是 StyleX:当 AI 成为框架的“第一用户”
前端
zhangminghuan1 小时前
Vue vs React 实战拓展面试题|摒弃基础八股,聚焦业务开发核心难点(2026前端进阶)
前端
IT_陈寒1 小时前
Redis主从切换竟让业务卡了3秒?这个坑我替你踩了
前端·人工智能·后端
天若有情6731 小时前
独立开发复盘:我用 Node.js 做了个在线工具箱
前端·json·工具
xieliyu.1 小时前
前端基础:常见CSS选择器用法
前端·css·笔记·vscode
zttbee2 小时前
前端测试内容
前端
2603_965896622 小时前
async/await|JS同步写法解决异步终极方案
前端·javascript
A24207349304 小时前
TCP 三次握手与四次挥手:从原理到状态机一次讲清
前端