在使用 Express.js 进行 Web 开发时，经常会遇到 404 错误，这是因为 Express.js 默认只处理了一些常见的 HTTP 请求，对于其他请求则会返回 404 错误。本文将介绍在 Express.js 中出现 404 错误的原因以及解决方法。
404 错误的原因
Express.js 是基于 Node.js 的 Web 框架，它通过路由来处理 HTTP 请求。当客户端发送请求时，Express.js 会根据请求的 URL 和 HTTP 方法来匹配路由。如果找不到匹配的路由，则会返回 404 错误。
以下是一些可能导致 404 错误的原因：
- 请求的 URL 或 HTTP 方法不正确。
- Express.js 没有处理该请求的路由。
- 路由处理函数中没有正确地处理请求。
解决方法
检查 URL 和 HTTP 方法
首先，我们需要检查请求的 URL 和 HTTP 方法是否正确。如果 URL 或 HTTP 方法不正确，那么 Express.js 就找不到匹配的路由，从而返回 404 错误。
例如，如果我们在浏览器中输入了错误的 URL（比如 http://localhost:3000/wrongurl），或者使用了错误的 HTTP 方法（比如使用了 POST 方法，但是路由只处理 GET 方法），那么就会出现 404 错误。
添加路由处理函数
如果 URL 和 HTTP 方法都正确，但是 Express.js 仍然返回 404 错误，那么说明我们需要添加路由处理函数来处理该请求。
以下是一个简单的示例，演示了如何添加路由处理函数来处理 GET 请求：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------ ----- ---- -- - --------------- --------- --- ---------------- -- -- - ---------------- --------- -- ---- -------- ---
在上面的代码中，我们使用 app.get() 方法来添加路由处理函数，处理 URL 为 / 的 GET 请求。当客户端发送 GET 请求时，Express.js 会调用回调函数，并返回 Hello World!。
处理路由处理函数中的错误
如果路由处理函数中存在错误，那么 Express.js 也会返回 404 错误。因此，我们需要确保路由处理函数中没有错误，并正确地处理请求。
以下是一个示例，演示了如何处理路由处理函数中的错误：
-- -------------------- ---- -------
----- ------- - -------------------
----- --- - ----------
------------ ----- ---- -- -
--- -
-- ----
--------------- ---------
- ----- ------- -
-- ----
---------------------
------------------------------ ------ --------
-
---
---------------- -- -- -
---------------- --------- -- ---- --------
---在上面的代码中，我们使用 try...catch 块来处理路由处理函数中的错误。如果出现错误，我们会将错误信息输出到控制台，并返回 500 错误。
结论
在使用 Express.js 进行 Web 开发时，我们经常会遇到 404 错误。本文介绍了 404 错误的原因以及解决方法。我们需要检查 URL 和 HTTP 方法是否正确，添加路由处理函数来处理请求，以及确保路由处理函数中没有错误并正确地处理请求。希望这篇文章能够帮助你解决 Express.js 中的 404 错误，并提高你的 Web 开发技能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6728308b2e7021665e1f5e3c