在使用 Express.js 开发 web 应用时，有时候会遇到某些页面访问时返回 404 错误的情况。这种情况通常是由于路由配置错误或者静态资源路径错误导致的。本文将详细介绍如何解决这种问题，并提供示例代码供参考。
1. 路由配置错误
在 Express.js 中，路由是指将客户端请求的 URL 映射到相应的处理函数的过程。如果路由配置错误，就会导致某些页面无法访问，返回 404 错误。以下是一些常见的路由配置错误：
1.1. 路由路径错误
在定义路由时，需要指定路由路径。如果路径写错了，就会导致客户端请求的 URL 无法匹配到任何路由，从而返回 404 错误。例如：
-- -------------------- ---- ------- -- ------- ---------------- ------------- ---- - -- --- -- -- ------- ----------------- ------------- ---- - -- --- --
1.2. 路由处理函数错误
在定义路由时，需要指定路由处理函数。如果处理函数写错了，就会导致客户端请求无法正确处理，从而返回 404 错误。例如：
-- -------------------- ---- ------- -- --------- ----------------- ------------- ---- ----- - -- --- -- -- --------- ----------------- ------------- ---- - -- --- --
1.3. 路由顺序错误
在定义多个路由时，需要注意路由的顺序。如果顺序不正确，就会导致某些路由无法匹配到客户端请求，从而返回 404 错误。例如：
-- -------------------- ---- ------- -- ------- --------------------- ------------- ---- - -- --- -- ----------------- ------------- ---- - -- --- -- -- ------- ----------------- ------------- ---- - -- --- -- --------------------- ------------- ---- - -- --- --
2. 静态资源路径错误
在 Express.js 中，可以使用 express.static 中间件来为应用程序提供静态文件服务。如果静态资源路径配置错误，就会导致客户端请求静态资源时返回 404 错误。以下是一些常见的静态资源路径配置错误：
2.1. 静态资源目录错误
在使用 express.static 中间件时，需要指定静态资源目录。如果目录写错了，就会导致客户端请求的静态资源无法找到，从而返回 404 错误。例如：
// 错误的静态资源目录
app.use('/public', express.static(__dirname + '/static'))
// 正确的静态资源目录
app.use('/public', express.static(__dirname + '/public'))2.2. 静态资源 URL 错误
在使用 express.static 中间件时，需要指定静态资源 URL。如果 URL 写错了，就会导致客户端请求的 URL 无法匹配到任何静态资源，从而返回 404 错误。例如：
// 错误的静态资源 URL
app.use('/public', express.static(__dirname + '/public'))
// 正确的静态资源 URL
app.use('/public', express.static('/public'))3. 解决方法
要解决 Express.js 某些页面访问 404 的问题，需要仔细检查路由配置和静态资源路径配置，确保没有错误。如果检查后仍然无法解决问题，可以尝试以下方法：
3.1. 使用中间件处理 404 错误
在 Express.js 中，可以使用 app.use 方法注册一个中间件来处理 404 错误。该中间件会在所有路由处理函数之后执行，如果客户端请求无法匹配到任何路由，就会调用该中间件来处理错误。以下是一个示例代码：
app.use(function(req, res, next) {
res.status(404).send('Page not found')
})3.2. 使用 catch-all 路由处理 404 错误
在 Express.js 中，可以使用 * 路由匹配所有未定义的路由。通过定义一个 * 路由来处理 404 错误，可以使客户端请求无法匹配到任何路由时调用该路由来处理错误。以下是一个示例代码：
app.get('*', function(req, res) {
res.status(404).send('Page not found')
})4. 总结
在开发 Express.js 应用时，遇到某些页面访问 404 的问题是很常见的。本文介绍了一些常见的路由配置错误和静态资源路径配置错误，并提供了解决方法供参考。建议开发者在开发过程中仔细检查路由配置和静态资源路径配置，以避免出现该问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66123bacd10417a2222d447a