如何在Express电商测试站点配置无效URL跳转错误页面？

要实现你需要的效果，核心是利用Express的全局路由捕获机制，结合数据库验证来处理所有未匹配的请求，具体修改如下：

关键修改步骤 #

• 添加全局通配符路由：将这个路由放在所有现有路由的最后，用来捕获所有未被前面路由匹配到的请求。
• （可选）数据库路由验证：如果你的有效页面路由存储在数据库中，需要先查询数据库判断请求路径是否合法，再决定是否跳转错误页。

修改后的完整代码 #

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

// 解析POST请求的表单数据（处理/submit-form接口需要）
app.use(express.urlencoded({ extended: true }));

// 替换成你实际的数据库查询逻辑：检查请求路径是否在数据库的有效页面列表中
async function isRouteInDatabase(path) {
    // 示例：假设数据库里存的有效页面路由是这些
    const validRoutes = ['/', '/products', '/cart', '/submit-form', '/error'];
    return validRoutes.includes(path);
}

app.post('/submit-form', (req, res) => {
    if (!isValid(req.body)) { // isValid是你已有的表单验证函数
        res.redirect('/error');
    } else {
        res.send('Form submitted successfully!');
    }
});

app.get('/error', (req, res) => {
    res.sendFile(__dirname + '/public/error.html');
});

// 捕获所有未匹配的请求，判断是否属于数据库中的有效页面
app.all('*', async (req, res) => {
    const isValidPage = await isRouteInDatabase(req.path);
    if (!isValidPage) {
        res.redirect('/error');
    } else {
        // 如果是数据库中存在但未编写对应路由的页面，也统一跳转到错误页
        res.redirect('/error');
    }
});

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

简化版（无需数据库验证） #

如果只是想把所有未被现有路由匹配的请求都跳转到错误页，无需数据库查询的话，直接把全局路由改成这样：

app.all('*', (req, res) => {
    res.redirect('/error');
});

注意事项 #

• 全局通配符路由必须放在所有路由的最后，否则会覆盖前面的正常路由规则。
• isRouteInDatabase函数需要你根据自身数据库结构实现，比如查询存储页面路由的表，比对当前请求的req.path。

内容的提问来源于stack exchange，提问作者Egorke Ovie