未登录点击收藏按钮报Cannot read property '_id' of undefined错误排查

API 探路者

2026-10-9

报错根因说明

你的初步猜测方向错误，该报错和数据库无关，问题出在前端代码层面：未登录状态下，代码里的user变量本身就是undefined，还没有走到请求数据库查询用户的步骤，读取user._id时直接触发类型错误。

修复方案

1. 新增登录态前置校验

在addIntoUser方法最开头先判断用户登录状态，未登录时直接阻断后续逻辑，增加对应交互提示，修改后代码如下：

const addIntoUser = async (event)=>{
  event.preventDefault();
  // 新增登录态判断逻辑
  if (!user) {
    // 可替换为你的业务逻辑：比如弹出登录提示、跳转登录页
    alert('请登录后再使用收藏功能');
    return;
  }
  const id = user._id;
  const title = props.title;
  try {
    const { data: newFavorites } = await apiCalls.addFavorite({id:id,title:title});
    // 原有后续逻辑保持不变
  } catch (err) {
    // 原有异常处理逻辑
  }
}

2. 其他潜在问题排查

确认user变量的来源是否正确：user一般是从全局状态（Redux/Context）或者本地存储（localStorage/sessionStorage）中读取的登录态信息，未登录场景下要确保user被正确初始化为null，避免出现意外的空值。如果是从本地存储读取，建议增加兜底逻辑：const user = JSON.parse(localStorage.getItem('user_info')) || null
完善异常捕获范围：你当前的try块只包裹了接口调用逻辑，变量读取、参数处理的逻辑都在块外，才会触发未捕获的页面报错，建议把整个函数的业务逻辑都放入try块内，或者给项目全局增加unhandledrejection事件监听，避免异常直接导致页面白屏。