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 等数据

相关推荐
kyriewen3 分钟前
折腾了半年 AI 编程工作流,最后发现效率瓶颈是桌上那块屏幕
前端·javascript·ai编程
蜗牛前端30 分钟前
codex 全流程开发上线的高颜值礼簿小程序
前端·微信小程序
大龄秃头程序员1 小时前
我在图文流 App 里落地双层缓存、弱网降级与 OOM 治理
前端
老王以为1 小时前
React Renderer 分离的多平台架构
前端·react native·react.js
hunterandroid1 小时前
Kotlin Coroutines 与 Flow:让异步任务更清晰
前端
Bigger2 小时前
从零搭建 AI 代码审查服务:一份前端也能看懂的 Python 学习笔记
前端·ci/cd·ai编程
lichenyang4532 小时前
JSAPI、NAPI、Biz、Imp:ASCF Demo 如何真正调用系统能力和 C++ 能力
前端
lichenyang4532 小时前
IPC、JSVM、UIThread、libuv:ASCF 架构图里最容易混的几个词
前端
用户059540174463 小时前
Redis记忆存储故障恢复测试踩坑实录:手动测试让我漏掉了2个一致性Bug
前端·css
用户2136610035723 小时前
Vue2脚手架工程化与Axios集成
前端·vue.js