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

相关推荐
zandy10118 小时前
衡石 Agentic BI的ReAct 推理框架在 Agentic BI 中的工程化实践
前端·javascript·react.js
罗超驿8 小时前
JavaEE进阶之路:从Web架构原理到HTML标签全解析
前端·html·web·javaee
西安小哥9 小时前
从前端到AI工程师:一场跨越鸿沟的真实蜕变之旅
前端
Prince4189 小时前
侧边栏收起缩放适配方案
前端
用户7783366132119 小时前
serpbase + Cloudflare R2 边缘持久化实战
前端·人工智能
郝亚军9 小时前
webstorm如何创建vue 3.js
javascript·vue.js·webstorm
এ慕ོ冬℘゜9 小时前
jQuery attr() 方法超详细讲解:属性获取、赋值、实战踩坑全解
前端·javascript·jquery
东方小月9 小时前
从零开发一个 Coding Agent(三):EventStream 事件流通道设计与实现
前端·人工智能·后端
程序员黑豆10 小时前
鸿蒙应用开发:Refresh + List 下拉刷新组件使用教程
前端·华为·harmonyos
Hilaku10 小时前
为什么大厂对前端算法要求极高?
前端·javascript·程序员