Node应用中Axios请求出现循环结构转JSON错误排查

错误原因 #

• axios.get() 返回的是AxiosResponse完整响应对象，而非接口直接返回的数据。这个对象包含data、status、request等属性，其中request会反向引用响应对象，形成循环引用，导致JSON.stringify()序列化时报错。
• 直接用字符串拼接'Step 2: ' + posts时，JS会把对象默认转为[Object Object]，无法看到实际内容。

解决方法 #

1. 提取接口返回的真实数据：访问响应对象的data属性，这才是接口返回的业务数据：

const fetchAllPosts = async () => {
  console.log('Step 1');
  const response = await axios.get(`https://url.com`);
  const posts = response.data; // 获取接口返回的实际数据
  console.log('Step 2: ', posts); // 用逗号分隔打印，直接展示对象结构
  console.log('Step 2: ' + JSON.stringify(posts)); // 此时posts无循环引用，可正常序列化
  return posts;
};

2. 优化类型约束（可选）：避免滥用any类型，定义接口约束数据结构，提升代码安全性：

// 定义Post数据结构
interface Post {
  id: number;
  title: string;
  content: string;
  // 根据实际接口返回字段补充
}

const fetchAllPosts = async () => {
  console.log('Step 1');
  // 指定响应数据类型
  const response = await axios.get<{ data: Post[] }>(`https://url.com`);
  const posts = response.data;
  console.log('Step 2: ', posts);
  return posts;
};

内容的提问来源于stack exchange，提问作者Marty