如何在Express的POST请求处理中强制客户端跳转至登录页面？

res.redirect() 仅对浏览器同步请求（直接访问地址、a标签跳转、form表单提交等）生效，会触发浏览器自动跳转。但你的/getphotos是前端通过fetch/axios发起的异步AJAX请求，这类请求收到302响应后只会静默请求重定向地址的内容，不会触发页面层面的跳转，所以用户看不到任何变化。
另外你当前的verifyJWT存在逻辑漏洞：当token不存在时仅打印日志，没有返回任何响应也没有调用next()，会导致请求一直挂起直到超时。

1. 调整后端校验逻辑 #

不要返回302重定向，改为返回401 Unauthorized状态码标识未登录状态，示例代码如下：

const verifyJWT = (req, res, next) => {
    // 优化：优先用cookie-parser中间件获取token，避免多cookie场景下取值错误
    // 安装cookie-parser后可直接写 const token = req.cookies.token
    const token = req.headers.cookie?.split("=")[1]
    if (!token) {
        console.log("No token")
        return res.status(401).json({ message: "登录状态无效" })
    }
    jwt.verify(token, "mySecret", (err, decoded) => {
        if (err) {
            return res.status(401).json({ message: "登录状态无效" })
        }
        req.userID = decoded.id
        next()
    })
}

2. 前端统一拦截401状态 #

在全局请求封装中添加响应拦截，判断到状态码为401时主动触发页面跳转：

• 若使用axios，添加响应拦截器：

axios.interceptors.response.use(
  (res) => res,
  (err) => {
    if (err.response?.status === 401) {
      // 强制跳转到登录页
      window.location.href = '/login'
    }
    return Promise.reject(err)
  }
)

• 若使用原生fetch，封装请求逻辑时判断：

async function customFetch(url, options) {
  const res = await fetch(url, options)
  if (res.status === 401) {
    window.location.href = '/login'
    throw new Error('登录已过期')
  }
  return res
}

建议安装cookie-parser中间件处理cookie取值，避免当前按等号拆分取值的方式在cookie存在多个键值对时出现取值错误的问题。

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