使用npm cors()仅部分跨域请求可用的问题求助

你的问题出在跨域请求中的重定向处理上：

当用户未登录时，你的API /userDetails 会直接重定向到前端的登录页面（http://localhost:3000/login）。但在跨域场景下，这种服务器端重定向会触发浏览器的CORS检查逻辑异常：

• 浏览器原本向localhost:4000发送请求，服务器返回重定向后，浏览器会自动向localhost:3000/login发起请求
• 此时浏览器会检查这个新请求的Access-Control-Allow-Origin头，但React的开发服务器（localhost:3000）默认没有配置允许来自当前请求上下文的跨域访问，于是就出现了你看到的报错。

而/IsLogged接口能正常工作，是因为它没有触发重定向，始终由配置了CORS的localhost:4000服务器返回响应，浏览器的CORS检查能通过。

正确的做法是不要在API端做页面重定向，而是返回错误状态码，让前端负责跳转逻辑。这样能避免跨域重定向带来的CORS问题：

1. 修改服务器端代码 #

把重定向逻辑改成返回401未授权状态码和提示信息：

app.get("/userDetails",(req,res)=>{
  console.log(req.session.UserID)
  if(!req.session.UserID) {
    // 不要重定向，返回401状态码和JSON提示
    return res.status(401).json({ message: "You need to log in first" });
  }else{
    let userID = req.session.UserID
    // 注意：这里改成参数化查询，避免SQL注入风险
    connection.query("SELECT * FROM `users` WHERE id = ?", [userID])
    .then((rows) => res.send(rows[0]))
    .catch((err) => {
      console.error(err);
      res.status(500).json({ message: "Failed to fetch user details" });
    })
  }
})

额外提醒：你原来的SQL查询直接拼接userID存在SQL注入风险，一定要用参数化查询（上面代码已经修正）。

2. 修改前端请求逻辑 #

在前端请求中捕获401状态，手动跳转到登录页面：
如果你用原生fetch：

getUserDetails(){
  fetch("http://localhost:4000/userDetails") // 注意：fetch是小写，你之前写的大写Fetch是笔误
  .then((results)=> {
    if (!results.ok) {
      if (results.status === 401) {
        // 未登录，前端跳转到登录页
        window.location.href = "/login";
      }
      throw new Error('Request failed');
    }
    return results.json();
  })
  .then((userData)=> {
    console.log(userData);
    // 处理用户数据，比如更新组件状态
  })
  .catch((err) => console.log(err))
}

如果你用axios：

import axios from 'axios';

getUserDetails(){
  axios.get("http://localhost:4000/userDetails")
  .then((response)=> {
    console.log(response.data);
    // 处理用户数据
  })
  .catch((err) => {
    if (err.response?.status === 401) {
      window.location.href = "/login";
    }
    console.log(err);
  })
}

补充说明 #

跨域场景下，服务器端的重定向只有在跳转目标和原API同域时才不会有问题。如果是跨域跳转，浏览器会把原请求的Origin带到新地址，但新地址的服务器通常不会配置允许这个Origin的访问，从而触发CORS错误。让前端处理跳转是更合理的前后端分离模式。

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