在开发 Web 应用程序时，404 错误是常见的错误类型之一。当用户请求一个不存在的页面或资源时，服务器会返回一个 404 状态码。为了提高用户体验，我们需要正确处理这种错误，并向用户提供友好的提示信息。在 Express.js 中，我们可以通过一些简单的步骤来实现这一点。
什么是 Express.js？
Express.js 是一个 Node.js 的 Web 应用程序框架，它提供了一组强大的功能，使得开发 Web 应用程序变得更加容易。它是一个灵活的框架，可以用于构建各种类型的 Web 应用程序，包括单页应用程序、多页应用程序、API 和后端服务。
404 错误处理的重要性
当用户请求一个不存在的页面或资源时，服务器会返回一个 404 状态码。如果我们不正确处理这种错误，用户将会看到一个不友好的错误页面，这会影响用户体验，甚至可能导致用户离开我们的网站。因此，我们需要正确处理这种错误，并向用户提供友好的提示信息。
在 Express.js 中正确处理 404 错误
在 Express.js 中，我们可以使用中间件来处理 404 错误。中间件是一个函数，它可以访问请求对象、响应对象和下一个中间件函数。在处理 404 错误时，我们需要编写一个中间件函数来检查请求的 URL 是否存在于我们的路由表中。如果不存在，我们就可以返回一个 404 错误响应。
下面是一个示例代码：
// javascriptcn.com 代码示例
const express = require('express');
const app = express();
// 处理静态文件
app.use(express.static('public'));
// 处理路由
app.get('/', (req, res) => {
res.send('Hello World!');
});
// 处理 404 错误
app.use((req, res, next) => {
res.status(404).send("Sorry can't find that!")
});
// 启动应用程序
app.listen(3000, () => {
console.log('Example app listening on port 3000!');
});在上面的示例代码中，我们首先使用 express.static() 中间件来处理静态文件。然后，我们定义了一个路由，它会返回一个简单的“Hello World!”消息。最后，我们定义了一个中间件函数，当请求的 URL 不存在于我们的路由表中时，它会返回一个 404 错误响应。
总结
在本文中，我们介绍了如何在 Express.js 中正确处理 404 错误。我们了解了 Express.js 的基本概念和中间件的使用方法，并编写了一个简单的示例代码来演示如何处理 404 错误。希望这篇文章能够帮助你更好地理解 Express.js，并在开发 Web 应用程序时更加得心应手。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6569e496d2f5e1655d26369c