应用用户状态丢失及req.user未定义问题技术求助

核心问题 #

1. 页面刷新后用户状态丢失：注册、登录流程正常，但刷新页面后前端用户状态清空，不过本地存储的access token未丢失。
2. 产品manufacturer字段为空：创建产品时，数据库中manufacturer（owner）字段始终为undefined，后端调试发现req.user始终是null/undefined。

排查步骤 #

一、解决「刷新后用户状态丢失」 #

• 前端初始化时补全用户状态：在应用启动阶段（比如AppComponent的ngOnInit，或用APP_INITIALIZER）读取本地存储的access token，调用后端接口获取当前用户信息，同步到前端状态管理中（比如认证服务里的BehaviorSubject）。
• 持久化用户状态：登录成功后，除了存储access token，还应把用户信息（比如ID、用户名）存在localStorage/sessionStorage，刷新后直接从本地读取恢复状态，无需重新请求后端（可选，视业务需求）。
• 验证拦截器token携带：刷新后发起的请求，检查浏览器Network面板，确认请求头中是否包含Authorization: Bearer <token>，确保拦截器在刷新后仍能正常注入token。

二、解决「req.user为undefined，manufacturer字段为空」 #

• 后端中间件顺序检查：确保JWT验证中间件（如express-jwt）在产品创建接口的路由之前执行，且配置正确（密钥、token位置等），保证token能被解析并挂载到req.user。
• 前端请求头验证：创建产品时，查看Network面板里的请求头，确认Authorization头存在且token有效（可复制token到jwt.io解码，检查payload是否包含用户ID）。
• 后端控制器逻辑核对：确认创建产品时，正确从req.user中取值赋值给manufacturer字段，示例代码：

  // 产品控制器示例
  exports.createProduct = async (req, res) => {
    try {
      const productData = {
        ...req.body,
        manufacturer: req.user?._id // 确保此处正确获取用户ID
      };
      const product = await Product.create(productData);
      res.status(201).json(product);
    } catch (err) {
      res.status(400).json({ message: err.message });
    }
  };
  

• 检查token有效期：如果token已过期，后端会解析失败导致req.user为空，需确认前端在token过期时是否有刷新或重新登录的逻辑。

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