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

相关推荐
仰望.几秒前
vxe-table 如何实现分页勾选复选框功能,分页后还能支持多选的选中状态
前端·vue.js·vxe-table
zhenryx5 分钟前
React Native 横向滚动指示器组件库(淘宝|京东...&旧版|新版)
javascript·react native·react.js
铅笔侠_小龙虾7 分钟前
html+css 实现键盘
前端·css·html
POLITE313 分钟前
Leetcode 54.螺旋矩阵 JavaScript (Day 8)
javascript·leetcode·矩阵
licongmingli14 分钟前
vue2 基于虚拟dom的下拉选择框,保证大数据不卡顿,仿antd功能和样式
大数据·前端·javascript·vue.js·anti-design-vue
小笔学长18 分钟前
Webpack 入门:打包工具的基本使用
前端·webpack·前端开发·入门教程·前端打包优化
黎明初时20 分钟前
react基础框架搭建4-tailwindcss配置:react+router+redux+axios+Tailwind+webpack
前端·react.js·webpack·前端框架
小沐°20 分钟前
vue3-父子组件通信
前端·javascript·vue.js
铅笔侠_小龙虾21 分钟前
Ubuntu 搭建前端环境&Vue实战
linux·前端·ubuntu·vue
码界奇点22 分钟前
基于逆向工程技术的Claude Code智能Agent系统分析与重构研究
javascript·ai·重构·毕业设计·源代码管理