解决 Express.js 中路由无法匹配的问题-JavaScript中文网-JavaScript教程资源分享门户

在使用 Express.js 进行 Web 开发的过程中，我们通常会使用路由来实现不同页面或接口之间的转发和跳转。但有时候我们会遇到一个问题：根据定义的路由，却无法正确匹配到相应的资源。这时候，不要慌张，我们可以通过一些方法来解决这个问题。

问题的原因

在 Express.js 中，路由的匹配是按照定义的顺序进行的，一旦匹配成功就会停止继续匹配。如果定义的路由顺序不当，会导致某些路由无法匹配到相应的资源，而被错误地跳转到了其他路由或者返回 404 错误。

解决方法

下面介绍几个解决这个问题的方法。

1. 调整路由定义的顺序

首先检查一下路由定义的顺序是否正确。我们应该将常见的、常用的路由定义放在前面，而不常用的放在后面，这样可以确保常用的路由能够被正确匹配。

例如，我们定义了两个路由：

app.get('/users', function(req, res) {
    res.send('Users List');
});

app.get('/users/:id', function(req, res) {
    // 根据 id 返回指定的用户信息
});

如果访问 /users/1234，会发现无法匹配到第二个路由，只会返回 ‘Users List’。这时，我们可以将第二个路由的定义放在第一个路由之前：

app.get('/users/:id', function(req, res) {
    // 根据 id 返回指定的用户信息
});

app.get('/users', function(req, res) {
    res.send('Users List');
});

这样就可以正常匹配了。

2. 使用正则表达式

我们可以使用正则表达式来匹配路由，这样可以更精确地匹配想要的路径。例如，我们想要匹配 /users 后面跟着多个数字的路径，可以这样定义路由：

app.get('/users/:id(\\d+)', function(req, res) {
    // 根据 id 返回指定的用户信息
});

这个路由只会匹配 /users/1234 这样的路径，不会匹配其他路径。

3. 使用 next 函数

如果还是无法匹配到正确的路由，可以尝试使用 next 函数来继续匹配下一个路由。可以在路由定义的回调函数内部调用 next() 函数来实现这一点，如下所示：

app.get('/users/:id', function(req, res, next) {
    // 根据 id 返回指定的用户信息
    if (id < 0) {
        // 如果 id 小于 0，继续匹配下一个路由
        next();
    } else {
        // 否则返回指定的用户信息
        res.send('User Info');
    }
});

app.get('/users/*', function(req, res) {
    // 匹配其他 /users/... 的路径
});

这样可以确保在无法匹配到特定路由时，会继续匹配下一个路由，直到匹配成功。

总结

在使用 Express.js 进行 Web 开发的过程中，路由的匹配是十分关键的。通过调整路由定义的顺序、使用正则表达式和 next 函数，我们可以有效地解决路由无法匹配的问题。希望本文能够帮助大家更深入地理解 Express.js 的路由机制，提高 Web 开发的效率。

示例代码

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

// 调整路由定义的顺序
app.get('/users/:id', function(req, res) {
    // 根据 id 返回指定的用户信息
});

app.get('/users', function(req, res) {
    res.send('Users List');
});

// 使用正则表达式
app.get('/users/:id(\\d+)', function(req, res) {
    // 根据 id 返回指定的用户信息
});

// 使用 next 函数
app.get('/users/:id', function(req, res, next) {
    // 根据 id 返回指定的用户信息
    if (id < 0) {
        // 如果 id 小于 0，继续匹配下一个路由
        next();
    } else {
        // 否则返回指定的用户信息
        res.send('User Info');
    }
});

app.get('/users/*', function(req, res) {
    // 匹配其他 /users/... 的路径
});

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

解决 Express.js 中路由无法匹配的问题