Express.js 处理 HTTP 请求时遇到 404 错误：手把手教你解决问题-JavaScript中文网-JavaScript教程资源分享门户

前言

在使用 Express.js 进行 Web 开发过程中，我们经常会遇到 HTTP 404 错误，它通常表示无法找到被请求的页面或资源。这篇文章将帮助读者理解 HTTP 404 错误的原因，以及如何在 Express.js 中处理它。

HTTP 404 错误的原因

HTTP 404 错误通常是由以下情况引起的：

被请求的资源不存在
资源已经被移动或删除并且服务器未提供正确的重定向
URL 拼写错误

在 Express.js 中处理 HTTP 404 错误

在 Express.js 中处理 HTTP 404 错误的方法如下：

app.use(function(req, res, next) {
  res.status(404).send("Sorry, the page you are looking for does not exist.");
});

以上代码将使用 app.use() 方法注册一个中间件，当 Express.js 找不到路由时，将调用该中间件来处理 HTTP 404 错误。

Demo

可以使用以下示例代码测试 Express.js 处理 HTTP 404 错误的能力：

// javascriptcn.com 代码示例
const express = require('express');
const app = express();

// 路由
app.get('/', function(req, res) {
  res.send('Home page');
});

app.get('/about', function(req, res) {
  res.send('About page');
});

// 处理 HTTP 404 错误
app.use(function(req, res, next) {
  res.status(404).send("Sorry, the page you are looking for does not exist.");
});

// 启动服务器
app.listen(3000, function() {
  console.log('Server is listening on port 3000.');
});

当你访问 http://localhost:3000/ 或 http://localhost:3000/about 时，你将看到相应的页面。但是，当你访问一个不存在的路由时例如： http://localhost:3000/123, 你将看到自定义的 HTTP 404 错误页面。

总结

在本文中，我们了解了 HTTP 404 错误的原因，并且学习了如何在 Express.js 中处理 HTTP 404 错误。希望这篇文章能够帮助你解决 HTTP 404 错误问题，提高你的 Web 开发技能。

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