Express中登录接口验证成功后重定向至dashboard无响应求助

问题核心分析 #

你遇到的问题根源主要有两个：

• 错误的重定向状态码：res.redirect(200, '/dashboard') 使用了200（成功状态码），但重定向必须使用3xx系列状态码，浏览器才会识别并执行跳转。验证失败时用307能正常工作，是因为307属于合法的重定向状态码。
• 可能存在前端请求方式不匹配：如果前端是通过AJAX/fetch/axios发送异步POST请求，服务器返回的重定向响应只会被请求库处理，浏览器不会自动触发页面跳转。

解决方案 #

方案1：修正重定向状态码

将登录成功后的重定向改为合法的3xx状态码，推荐使用303（POST请求完成后，引导客户端用GET请求目标页面），这符合登录后跳转页面的场景。同时修复代码中的箭头函数语法错误：

app.post('/login', async (req, res) => {
  const data = req.body
  const user:IUser = {
    name: data.name,
    password: data.password
  }

  const loginAuth = new Auth()
  const {foundUser, token, refreshToken} = await loginAuth.Login(user.name, user.password)

  if(foundUser) {
    res.cookie("JwtToken", token, { httpOnly: true })
    res.redirect(303, '/dashboard'); // 使用303状态码
  } else {
    res.redirect(307, '/');
  }
})

方案2：适配前端异步请求

如果前端是通过异步请求（而非表单提交）调用登录接口，服务器的重定向不会触发浏览器跳转，此时需要返回JSON数据让前端手动处理跳转：

后端修改：

if(foundUser) {
  res.cookie("JwtToken", token, { httpOnly: true })
  return res.status(200).json({ redirectUrl: '/dashboard' });
}

前端示例（以axios为例）：

axios.post('/login', { name: 'xxx', password: 'xxx' })
  .then(res => {
    if (res.data.redirectUrl) {
      window.location.href = res.data.redirectUrl;
    }
  })

额外检查点

• 确认Authorization中间件能正确读取Cookie中的JwtToken并完成验证，避免/dashboard接口因验证失败返回错误状态码导致页面无法渲染。
• 检查浏览器控制台是否有报错（比如Cookie设置失败、网络请求异常），这些也可能导致跳转无反应。

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