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

相关推荐
Cassie燁5 分钟前
el-button源码解读1——为什么组件最外层套的是Vue内置组件Component
前端·vue.js
vx_bscxy3225 分钟前
告别毕设焦虑!Python 爬虫 + Java 系统 + 数据大屏,含详细开发文档 基于web的图书管理系统74010 (上万套实战教程,赠送源码)
java·前端·课程设计
北极糊的狐6 分钟前
Vue3 子组件修改父组件传递的对象并同步的方法汇总
前端·javascript·vue.js
spionbo7 分钟前
Vue3 前端分页功能实现的技术方案及应用实例解析
前端
Zyx20078 分钟前
JavaScript 作用域与闭包(下):闭包如何让变量“长生不老”
javascript
AI绘画小338 分钟前
Web 安全核心真相:别太相信任何人!40 个漏洞挖掘实战清单,直接套用!
前端·数据库·测试工具·安全·web安全·网络安全·黑客
7***n7511 分钟前
前端设计模式详解
前端·设计模式·状态模式
u***j32412 分钟前
JavaScript在Node.js中的进程管理
开发语言·javascript·node.js
用户479492835691518 分钟前
Vite 中 SVG 404 的幕后黑手:你真的懂静态资源处理吗?
前端·vite
用户479492835691521 分钟前
javascript新进展你关注了吗:TC39 东京会议带来五大新特性
javascript