在开发 web 应用时，我们经常需要处理 404 页面，即当用户访问不存在的页面时应该显示的页面。在 Express.js 中，实现自定义 404 页面非常简单。本文将介绍如何在 Express.js 中实现自定义 404 页面。
Express.js 中的默认 404 页面
在 Express.js 中，默认的 404 页面非常简单，只包含一句话：
Cannot GET /xxxx
其中 /xxxx 表示用户访问的不存在的页面路径。
这样的 404 页面对于用户来说并不友好，因为用户无法知道具体是哪个页面不存在了。
实现自定义 404 页面
为了实现自定义 404 页面，我们需要在 Express.js 中添加一个中间件，该中间件会处理所有无法匹配路由的请求，并返回自定义的 404 页面。
下面是一个实现自定义 404 页面的示例代码：
// javascriptcn.com 代码示例
const express = require('express');
const app = express();
// 添加一个中间件，用于处理所有无法匹配路由的请求
app.use((req, res) => {
res.status(404).send('Sorry, the page you requested does not exist.');
});
// 监听 3000 端口
app.listen(3000, () => {
console.log('Server is running on port 3000.');
});在上述代码中，我们添加了一个中间件，该中间件会处理所有无法匹配路由的请求。当请求无法匹配任何路由时，该中间件会返回一个状态码为 404 的响应，并发送一个自定义的错误信息。
为什么要实现自定义 404 页面？
实现自定义 404 页面可以为用户提供更好的用户体验。当用户访问不存在的页面时，我们可以向用户展示一个友好的错误信息，告诉用户具体是哪个页面不存在了，从而帮助用户更快地找到正确的页面。
此外，自定义 404 页面还可以提高网站的 SEO（搜索引擎优化）效果。搜索引擎会将 404 状态码视为网站的一个负面指标，如果您的网站经常出现 404 错误，搜索引擎可能会将您的网站排名降低。通过实现自定义 404 页面，我们可以让搜索引擎更好地理解我们的网站，并避免不必要的排名下降。
总结
在本文中，我们介绍了如何在 Express.js 中实现自定义 404 页面。通过实现自定义 404 页面，我们可以为用户提供更好的用户体验，同时还可以提高网站的 SEO 效果。如果您正在开发 web 应用，强烈建议您实现自定义 404 页面。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65643c33d2f5e1655dda5d16