PassportJS使用POST请求登出报错‘Cannot GET /logout’的解决咨询

核心原因 #

你遇到的Cannot GET /logout错误，本质是你发起的是GET请求，但后端只配置了POST类型的/logout端点，路由不匹配导致报错。

具体解决步骤 #

1. 前端发起正确的POST请求 #

不能直接用普通链接（<a href="/logout">会发起GET请求），要改成表单提交：

<form action="/logout" method="POST">
  <button type="submit">登出</button>
</form>

如果用AJAX/fetch发起请求，需指定POST方法并携带会话信息：

fetch('/logout', {
  method: 'POST',
  credentials: 'include'
});

2. 后端确保中间件配置完整 #

确认Express应用已配置解析POST数据的中间件，否则无法正常处理请求：

// 解析表单格式的POST数据
app.use(express.urlencoded({ extended: true }));
// 若需支持JSON格式请求，添加此中间件
app.use(express.json());

你的Passport登出路由代码本身无问题，保持原POST配置即可：

app.post('/logout', function(req, res){
  req.logout(function(err) {
    if (err) { return next(err); }
    res.redirect('/');
  });
});

3. 可选：支持DELETE请求（符合官方建议） #

若想遵循官方推荐的DELETE方式，新增对应路由即可：

app.delete('/logout', function(req, res){
  req.logout(function(err) {
    if (err) { return next(err); }
    res.status(200).send({ message: '登出成功' });
    // 或重定向：res.redirect('/');
  });
});

前端对应改成DELETE请求即可。

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