Express.js/JavaScript问题求助：tasks变量未定义

核心原因 #

你的解构赋值逻辑和接口返回的实际数据结构不匹配，导致无法正确提取tasks字段。

排查步骤 #

1. 先打印完整接口返回结果，不要直接嵌套解构，明确数据结构：

   try {
     console.log('11111')
     const response = await axios.get('/api/v1/tasks')
     // 打印格式化后的响应数据，清晰查看结构
     console.log('接口返回数据:', JSON.stringify(response.data, null, 2))
   } catch (err) {
     console.error('请求错误:', err)
   }
   

2. 结合你提供的截图来看，接口返回的data是一个任务数组，而非包含tasks属性的对象。此时你用const { data: { tasks } } = ...的嵌套解构，相当于从数组中读取不存在的tasks属性，自然会得到undefined。

修复方案 #

根据接口实际返回结构调整代码：

• 如果接口直接返回任务数组（response.data就是任务列表）：

  try {
    console.log('11111')
    // 直接将响应data赋值给tasks
    const { data: tasks } = await axios.get('/api/v1/tasks')
    console.log('22222', JSON.stringify(await axios.get('/api/v1/tasks'), null, 2))
    console.log('33333', tasks)
  } catch (err) {
    console.error('请求失败:', err)
  }
  

• 如果接口返回的是包含tasks字段的对象（比如{ tasks: [...] }），则保留嵌套解构，但要确保结构完全匹配接口返回。

额外提示 #

代码中第二个console.log直接拼接await axios.get()会输出[object Object]，无法查看实际内容，建议用JSON.stringify()格式化打印。

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