Express/MySQL/JWT环境下登录后Cookie获取及登出清除问题

问题1：删除帖子接口无法获取Cookie中的Token #

修复方案： #

• 前端请求需携带凭证
  调用删除接口时，必须开启携带凭证配置。以Axios为例：

  axios.delete('/api/posts/[帖子ID]', { withCredentials: true })
  

  其他请求库同理，需明确告知浏览器发送Cookie。

• 完善登录接口的Cookie配置
  登录时设置Cookie需补充sameSite属性，否则跨域场景下浏览器可能拦截Cookie。修改登录接口的Cookie参数：

  res
    .cookie("token", token, {
      httpOnly: true,
      secure: false,
      sameSite: "lax" // 本地开发推荐用lax，生产环境可根据需求调整
    })
    .status(200)
    .json(other);
  

• 确认中间件与路由顺序
  确保cookieParser()中间件在所有路由之前加载（你的主文件已满足此要求），避免路由无法解析Cookie。

问题2：登出接口无法清除Cookie #

修复方案： #

清除Cookie时，必须保证配置参数与登录时设置Cookie的参数完全一致，否则浏览器不会执行清除操作。修改登出接口代码：

export const logout = (req, res) => {
  res.clearCookie("token", {
    httpOnly: true,
    secure: false,
    sameSite: "lax"
  }).status(200).json("User has been logged out.")
};

额外验证步骤： #

1. 打开浏览器开发者工具，进入Application -> Cookies，检查登录后token Cookie是否存在，以及其Domain、SameSite等属性是否正确。
2. 在删除接口的请求详情中（Network标签），查看请求头是否包含Cookie字段且携带token值。

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