Passport+Express后端Postman正常，React+React Query前端返回空对象

基于Passport+Express搭建的后端，Postman调用登录流程完全正常，但使用React+React Query的前端调用时，后端返回空对象。具体表现为：登录验证成功后，后端重定向到/user端点时req.user为undefined，最终前端收到空响应。

1. 修复跨域Cookie传递配置 #

问题点： #

• CORS配置中错误添加了sameSite参数（CORS选项无此配置，该属性属于Cookie/Session设置）；
• Session未配置sameSite和secure属性，导致跨域场景下Cookie无法正确传递。

修改代码： #

后端CORS配置（移除无效的sameSite）：

app.use(
  cors({
    origin: "http://127.0.0.1:5173",
    credentials: true,
  })
);

后端Session配置（补充Cookie属性）：

app.use(
  session({
    name: "app",
    secret: "TOPSECRET",
    resave: false,
    saveUninitialized: true,
    // 根据环境配置SameSite和Secure：生产环境用none+secure，开发环境用lax
    sameSite: process.env.NODE_ENV === 'production' ? 'none' : 'lax',
    secure: process.env.NODE_ENV === 'production',
    cookie: {
      maxAge: 24 * 60 * 60 * 1000, // 可选，设置Cookie有效期1天
    }
  })
);

2. 避免AJAX请求的重定向兼容性问题 #

问题点： #

Passport的successRedirect是浏览器层面的重定向，AJAX请求自动跟随重定向时，跨域场景下可能出现Cookie丢失。

替代方案：登录成功后直接返回用户信息 #

修改后端登录路由，去掉重定向逻辑，验证通过后直接返回用户数据：

app.post("/users/sessions", pauth("local"), async (req, res) => {
  try {
    const userInfo = await user.get(req.user);
    res.json(userInfo);
  } catch (err) {
    res.status(500).json({ error: err.message });
  }
});

3. 检查Passport序列化/反序列化逻辑 #

确保deserializeUser能正确从Session中恢复用户对象：

// 序列化：仅将用户ID存入Session
passport.serializeUser((user, done) => {
  done(null, user.id);
});

// 反序列化：通过ID查询完整用户信息
passport.deserializeUser(async (id, done) => {
  try {
    const user = await user.findById(id); // 替换为你的用户查询逻辑
    done(null, user);
  } catch (err) {
    done(err);
  }
});

4. 修复React Query的用户数据存储 #

前端useLogin Hook中，setQueryData未传入用户数据，导致无法存储：

onSuccess: (user) => {
  console.log(user);
  // 传入响应数据到Query缓存
  queryClint.setQueryData(["user"], user.data);
  // navigate("/landing", { replace: true });
},

1. 打开浏览器开发者工具的Network面板，确认登录请求和后续请求的Request Headers中包含Cookie字段；
2. 查看浏览器Application面板的Cookies，确认Session Cookie的Domain、Path、SameSite属性符合预期；
3. 后端控制台打印req.isAuthenticated()和req.user，验证/user接口中用户对象是否正常。

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