使用ExpressJS+EJS开发Meme应用时登出遇404错误求助

你的应用登录正常但登出报404，核心原因是前端触发登出的HTTP请求方法与后端路由不匹配，或者路由配置存在疏漏。以下是具体排查和修复方案：

一、检查当前路由与请求方式的匹配问题 #

你当前在login.js中只配置了POST类型的登出路由：

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

如果前端是通过<a href="/login/logout">这类GET请求触发登出，后端没有对应GET路由就会返回404。

二、修复方案 #

方案1：同时支持GET和POST请求（兼容前端现有触发方式） #

修改login.js中的登出路由，用router.all同时处理两种请求方法：

router.all('/logout', function(req, res, next) {
    req.logout(function(err) {
        if (err) { return next(err); }
        res.redirect('/login')
    });
});

或者分开定义GET和POST路由，效果一致：

// 处理GET请求
router.get('/logout', function(req, res, next) {
    req.logout(function(err) {
        if (err) { return next(err); }
        res.redirect('/login')
    });
});

// 保留原有POST请求处理
router.post('/logout', function(req, res, next) {
    req.logout(function(err) {
        if (err) { return next(err); }
        res.redirect('/login')
    });
});

方案2：规范使用POST请求触发登出（符合REST最佳实践） #

如果希望严格遵循REST规范（登出属于状态变更，推荐用POST），修改前端代码用表单提交：

<!-- 在EJS模板中替换原登出链接为POST表单 -->
<form action="/login/logout" method="POST" style="display: inline;">
    <button type="submit" class="btn btn-link">登出</button>
</form>

这种方式不需要修改后端已有的POST路由，就能正常触发登出。

三、额外验证点 #

1. 确认app.js中路由挂载顺序正确：app.use('/login', loginRouter)必须放在404捕获中间件之前，你的代码中已经满足这一点。
2. 检查Passport版本：如果是0.6.x及以上版本，req.logout()需要传入回调函数，你的代码已经正确处理了异步逻辑，这部分没有问题。

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