React新手遇JWT令牌问题：POST请求返回undefined及401未授权

核心问题 #

POST添加帖子时后端无法获取accessToken Cookie，导致401未授权，本质是Cookie未被携带到后端，结合你的代码和HTTPie测试场景，从以下几个方向修复：

1. 修正HTTPie测试方式（必须先做） #

HTTPie默认不会自动携带Cookie，登录后需要用会话保存Cookie，再在POST请求中复用：

• 登录并保存会话：

  http POST http://localhost:你的后端端口/auth/login username=你的用户名 password=你的密码 --session=blog-session
  

• 使用会话发送添加帖子请求：

  http POST http://localhost:你的后端端口/posts desc="测试帖子内容" --session=blog-session
  

这样HTTPie会自动携带登录时设置的accessToken Cookie。

2. 修复后端CORS配置 #

你的CORS配置缺少credentials: true，这会导致浏览器/HTTPie无法携带Cookie到跨域后端。修改CORS配置如下：

// 移除单独设置Access-Control-Allow-Credentials的中间件，用cors配置统一处理
app.use(express.json())
app.use(
  cors({
    origin: "http://localhost:3000",
    credentials: true // 关键：允许携带凭证（Cookie）
  })
);
app.use(cookieParser())

注：之前单独写的Access-Control-Allow-Credentials中间件可以删除，避免重复设置header引发冲突。

3. 调整Cookie的SameSite属性 #

你设置的sameSite: "strict"过于严格，在开发环境（前端3000端口、后端另一个端口）属于跨域场景，strict会阻止Cookie被携带。修改登录接口的Cookie配置：

res.cookie("accessToken", token, {
  httpOnly: true,
  sameSite: "lax" // 开发环境用lax，既安全又允许跨域携带
  // 生产环境如果是同域名可以改回strict，或者用none（需配合secure: true）
}).status(200).json(others);

4. 检查路由是否正确挂载 #

确认你在后端入口文件中已经挂载了路由：

// 必须添加这几行，否则路由无法访问
app.use("/auth", authRoutes);
app.use("/posts", postRoutes);
app.use("/users", userRoutes);
// 其他评论、点赞路由同理

验证步骤 #

1. 重启后端服务
2. 用HTTPie重新登录并保存会话
3. 发送添加帖子请求，此时后端应该能正常获取accessToken，返回200成功。

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