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

相关推荐
xuansec29 分钟前
【Web攻防】文件与目录安全漏洞详解:下载/删除/遍历/穿越实操指南
前端
Beginner x_u32 分钟前
CSS 动画体系(二)—— Animation关键帧动画
前端·css·animation
T-shmily38 分钟前
CSS Grid 网格布局(display: grid)全解析
前端·css
跟着珅聪学java1 小时前
electron 安装教程
javascript·arcgis·electron
花哥码天下1 小时前
安装/卸载claude code和codex
开发语言·javascript·ecmascript
Flywith241 小时前
【每日一技】Warp Workflow 使用示例
android·前端
跟着珅聪学java1 小时前
Electron 读取 JSON 配置文件教程
前端·javascript·vue.js
Joy T1 小时前
vite is not recognized :一次典型的 Electron/Vite 打包处置手册
javascript·git·electron
yuhaiqiang1 小时前
太牛了🐂,再也没有被AI 骗过,自从用了这个外挂 !必须装上
javascript·人工智能·后端
GISer_Jing1 小时前
Agent技术深度解析:LLM增强智能体架构与优化
前端·人工智能·架构·aigc