解决 Express.js 中的 404 和 500 错误-JavaScript中文网-JavaScript教程资源分享门户

在使用 Express.js 开发 web 应用时，经常会遇到 404 和 500 错误。这些错误不仅会影响应用的正常运行，还可能导致用户流失，影响用户体验。本文将介绍如何解决 Express.js 中的 404 和 500 错误，帮助开发者提高应用的稳定性和用户体验。

404 错误

404 错误表示请求的资源不存在，是 web 应用中最常见的错误之一。在 Express.js 中，当发生 404 错误时，应用会默认返回一个简单的错误页面。但这并不满足实际需求，我们需要自定义 404 页面，以提高用户体验。

自定义 404 页面

要自定义 404 页面，需要使用 Express.js 中的中间件。在 Express.js 中，中间件是指处理 HTTP 请求的函数，可以在请求被处理前或处理完成后执行一些操作。以下是自定义 404 页面的示例代码：

const express = require('express')
const app = express()

// 自定义 404 页面
app.use((req, res, next) => {
  res.status(404).send('404 Not Found')
})

app.listen(3000, () => {
  console.log('Server is running on port 3000')
})

以上代码中，通过使用 app.use 方法将一个中间件函数注册到应用中，在请求失败时返回一个带有 HTTP 状态码 404 和字符串 '404 Not Found' 的响应。这样，用户在请求不存在的资源时，就会看到一个友好的提示页面，而非默认的错误页面。

路由优化

除了自定义 404 页面之外，还可以针对具体路由进行优化，以提高性能和用户体验。以下是一些常见的路由优化方法：

避免冗余路由：在定义路由时，避免定义相同的路由。这不仅会影响性能，还会影响程序的可读性和可维护性。
使用通配符路由：使用通配符路由可以将多个路由映射到同一个处理函数中，从而减少代码量和维护成本。
使用静态文件：对于一些静态文件，如 HTML、CSS、JS、图片等，可以使用 express.static 方法将其映射到某个特定的路径下，从而提高访问速度和用户体验。

500 错误

500 错误表示服务器发生了未知的错误，导致请求不能成功返回。在 Express.js 中，当发生 500 错误时，应用同样会默认返回一个错误页面。为了更好地处理 500 错误，我们需要了解其常见的原因和解决方法。

错误原因

500 错误可能由以下原因导致：

编程错误：程序中出现语法错误、空指针异常、越界异常、类型转换异常等。
数据库错误：数据库连接失败、SQL 语句执行异常、事务处理异常等。
网络错误：网络连接超时、请求被拒绝、DNS 解析失败等。
硬件错误：服务器物理硬件故障，如磁盘损坏、电源故障等。

错误处理

当发生 500 错误时，应用需要能够及时地处理并返回正确的响应，以避免因错误导致的用户流失和数据丢失。以下是处理 500 错误的示例代码：

const express = require('express')
const app = express()

// 错误处理
app.use((err, req, res, next) => {
  console.error(err.stack)
  res.status(500).send('Something broke!')
})

// 测试 500 错误
app.get('/test', (req, res) => {
  throw new Error('Test Error')
})

app.listen(3000, () => {
  console.log('Server is running on port 3000')
})

以上代码中，通过使用 app.use 方法将一个中间件函数注册到应用中，在发生错误时返回一个带有 HTTP 状态码 500 和字符串 'Something broke!' 的响应。另外，在处理错误时，应用会将错误信息打印到控制台，以方便进行调试和排查。

总结

在 Express.js 中，要解决 404 和 500 错误，需要自定义错误页面和对路由进行优化，以提高用户体验和性能。另外，在处理 500 错误时，应用需要及时地捕获和处理错误，以避免用户流失和数据丢失。通过本文的介绍，读者可以了解到如何解决 Express.js 中的常见错误，并在实际开发中应用相关技术，提高应用的稳定性和用户体验。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/65a44f22add4f0e0ffc925bf

解决 Express.js 中的 404 和 500 错误