nuxt请求提示WARN Cannot stringify a function transformRequest，Maximum call stack size exceeded

最新推荐文章于 2025-03-07 22:48:47 发布

艾小逗

最新推荐文章于 2025-03-07 22:48:47 发布

阅读量3.4k

点赞数

分类专栏： Vue nuxtJs 错误处理文章标签： nuxt vue axios response

本文为艾小逗原创文章，未经允许不可转载。转载请注明出处

本文链接：https://blog.csdn.net/qq_32442967/article/details/115703064

版权

Vue 同时被 3 个专栏收录

37 篇文章

订阅专栏

nuxtJs

5 篇文章

订阅专栏

错误处理

1 篇文章

订阅专栏

本文介绍了在使用axios时遇到的错误，特别是当接口返回状态码为204时，原本的拦截器处理方式导致数据无法正确解析。通过修改axios的响应拦截器，确保在状态码不为200时返回Promise.reject(response)，解决了这个问题，确保了页面能够正确处理错误数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

WARN Cannot stringify a function transformRequest 16:46:55
WARN Cannot stringify a function transformResponse 16:46:55
WARN Cannot stringify a function httpAdapter 16:46:55
WARN Cannot stringify a function validateStatus 16:46:55
WARN Cannot stringify arbitrary non-POJOs ClientRequest

在这里插入图片描述

我的错误原因：

数据处理的问题，接口中返回的status是 204，axios拦截器中按照正常数据返回了，将错误数据进行了赋值，页面中无法解析
原来的axios拦截器

$axios.onResponse(response => {
   return response.data
  })

改成下面的方式

$axios.onResponse(response => {
    if (response.status === 200) {
      return response.data
    } else {
      return Promise.reject(response)
    }
  })