当前位置：首页 > 文档资料 > 使用 Express 和 MongoDB 搭建多人博客 >

4.11 404 页面

优质

小牛编辑

145浏览

2023-12-01

现在访问一个不存在的地址，如：http://localhost:3000/haha 页面会显示：

Cannot GET /haha

我们来自定义 404 页面。修改 routes/index.js，在：

routes/index.js

app.use('/comments', require('./comments'))

下添加如下代码：

// 404 page
app.use(function (req, res) {
  if (!res.headersSent) {
    res.status(404).render('404')
  }
})

新建 views/404.ejs，添加如下代码：

views/404.ejs

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title><%= blog.title %></title>
    <script type="text/javascript" src="http://www.qq.com/404/search_children.js" charset="utf-8"></script>
  </head>
  <body></body>
</html>

这里我们只为了演示 express 中处理 404 的情况，用了腾讯公益的 404 页面，刷新一下页面看下效果吧。

免责声明：以上内容版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。感谢每一位辛勤著写的作者，感谢每一位的分享。