在使用 Express.js 进行开发时，路由是必不可少的部分。路由就是把 URL path 映射到对应的处理函数上。然而，在开发过程中，我们可能会遇到一些常见的路由出错问题。在本文中，我将介绍一些常见的路由问题，并提供相应的解决方案。
问题一：路由处理函数没有被调用
这是一种比较常见的路由出错情况，原因可能是路由没有正确配置或者匹配。
示例 1：
const express = require('express');
const app = express();
app.get('/', (req, res) => {
console.log('hello');
});
app.listen(3000);在这个例子中，当我们访问 http://localhost:3000/ 时，控制台没有任何输出，说明路由处理函数没有被调用。
解决方案
检查路由匹配情况。确保路由路径和处理函数正确地匹配。对于以上的示例代码，我们可以通过将路由路径从 '/' 改为 '*' 或者 '/*' 来解决问题。
app.get('*', (req, res) => {
console.log('hello');
});我们也可以使用路由的一些参数来进行更灵活的匹配，比如正则表达式匹配等，具体请查看 Express.js 官方文档。
问题二：路由仅仅匹配了第一个路由
Express.js 的路由处理函数是按照路由配置的先后顺序依次匹配的。这意味着，如果第一个路由匹配成功，就不会再匹配后面的路由。这种情况通常是由于路由配置的顺序不当或者路由匹配过于随意导致的。
示例 2：
-- -------------------- ---- -------
----- ------- - -------------------
----- --- - ----------
----------------- ----- ---- -- -
------------------
---
------------ ----- ---- -- -
------------------
---
-----------------在这个例子中，当我们访问 http://localhost:3000/hello 时，会输出 hello，但是当我们访问 http://localhost:3000/ 时，输出仍然是 hello。
解决方案
在路由配置的时候，应该先配置精确匹配的路由，再配置模糊匹配的路由。对于以上的示例代码，我们可以将路由的顺序进行调换即可解决问题。
app.get('/', (req, res) => {
res.send('index');
});
app.get('/hello', (req, res) => {
res.send('hello');
});问题三：路由匹配混乱
有时候，我们在路由的配置过程中，可能会由于疏忽或者其他原因，导致路由匹配混乱。这种情况通常是由于路由配置规则不够明确或者重复导致的。
示例 3：
-- -------------------- ---- -------
----- ------- - -------------------
----- --- - ----------
------------------------- ----- ---- -- -
-------------- -----------------------
---
--------------------- ----- ---- -- -
------------- -------
---
-----------------在这个例子中，当我们访问 http://localhost:3000/users/new 时，输出为 user new。
解决方案
我们应该尽量避免路由配置重复或者路由路径混乱的情况。如果发现路由匹配混乱，则应该立即对路由进行整理。
对于以上的示例代码，我们可以将路由配置改为如下：
app.get('/users/:userId', (req, res) => {
res.send(`user ${req.params.userId}`);
});
app.get('/users/new', (req, res) => {
res.send('new user page');
});总结
在 Express.js 中，路由是一个非常重要的部分。在开发过程中，我们应该尽量避免常见的路由问题，如路由处理函数没有被调用、路由仅仅匹配了第一个路由和路由匹配混乱等问题。如果遇到路由出错的问题，我们应该检查路由的配置和匹配情况，并及时进行整理和调整。这将有助于提高我们的开发效率和调试速度。
以上，便是本文对于解决 Express.js 路由出错的问题的详细介绍和指导意义，希望对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64954d1448841e98942878d1