vue 响应拦截器,针对某个接口的返回值做特殊处理

1、service.interceptors.response.use 接收两个参数:

(1)参数一:接口成功的回调函数

(2)参数二:接口失败的回调函数

如要实现以下需求:匹配路径中包含 '/api-special' 的接口,统一提示 "特殊接口,无返回值"

复制代码
// 响应拦截器
service.interceptors.response.use(
  res => {
  
  },
  error => {
    clnsole.log('接口配置:', error.config);
    clnsole.log('返回内容:', error.response);

    // 如匹配路径中包含 '/api-special' 的接口,统一提示 "特殊接口,无返回值"
    if(error.config.url.indexOf('/api-special') !== -1) {
        this.$message.error('特殊接口,无返回值');
    } 
  }
)

2、我们在失败的回调函数里打一个 debugger 断点:

(1)config:接口请求配置

我们可以拿到接口请求路径,传参,请求头等信息

(2)response:接口响应内容

拿到status、返回内容 data 等数据

相关推荐
老黑11 小时前
开源工具 AIDA:给 AI 辅助开发加一个数据采集层,让 AI 从错误中自动学习(Glama 3A 认证)
前端·react.js·ai·nodejs·cursor·vibe coding·claude code
薛先生_09911 小时前
js学习语法第一天
开发语言·javascript·学习
jessecyj11 小时前
Spring boot整合quartz方法
java·前端·spring boot
苦瓜小生11 小时前
【前端】|【js手撕】经典高频面试题:手写实现function.call、apply、bind
java·前端·javascript
天若有情67311 小时前
前端HTML精讲03:页面性能优化+懒加载,搞定首屏加速
前端·性能优化·html
踩着两条虫12 小时前
AI驱动的Vue3应用开发平台深入探究(十):物料系统之内置组件库
android·前端·vue.js·人工智能·低代码·系统架构·rxjava
和沐阳学逆向12 小时前
我现在怎么用 CC Switch 管中转站,顺手拿 Codex 举个例子
开发语言·javascript·ecmascript
swipe12 小时前
AI 应用里的 Memory,不是“保存聊天记录”,而是管理上下文预算
前端·llm·agent
慧一居士12 小时前
nuxt3 项目和nuxt4 项目区别和对比
前端·vue.js
威联通安全存储13 小时前
破除“重前端、轻底层”的数字幻象:如何夯实工业数据的物理底座
前端·python