ExpressJS路由异常：无法通过URL正确切换显示数据库表格

我开发了一个基于NodeJS的应用，使用ExpressJS作为视图引擎，用于展示数据库中的表格。应用内设有下拉列表可选择要展示的表格，但我希望也能通过URL直接访问指定表格。例如，当访问http://localhost:6789/tableOne时，应展示tableOne表格。

但目前存在问题：若先通过下拉列表加载tableTwo，再输入上述URL，页面仍显示tableTwo，无法刷新为新数据，导致无法分享表格的直接链接，他人打开链接会显示应用最后加载的表格。

我的路由是动态生成的，示例代码如下：

app.get('/someTables/:' + getNameFromID(selectedID), (req, res) => {
    var url = req.url;
    for (i in endData) {
        if (i.name == url.substr(10)) {
            selectedID = i.id;
        }
    }
    res.render('index', { 
        frontData2: endData2, 
        frontData: endData, 
        jsonToDisplayFrontEnd: jsonToDisplay, 
        m1: m1, 
        m21: m21, 
        m22: m22, 
        m1FrontEnd: m1ToDisplay, 
        m21FrontEnd: m21ToDisplay, 
        m22FrontEnd: m22ToDisplay, 
        versionToDisplayFrontEnd: versionToDisplay, 
        titleName: getNameFromID(selectedID), 
        folderPath: getFolderPath(selectedID), 
        folderPath2: getFolderPath2(selectedID) 
    });
});

其中getNameFromID()函数返回字符串。

1. 重构路由定义，使用通用参数替代动态生成规则 #

当前路由依赖全局变量selectedID生成，会被之前的请求修改，导致路由规则混乱。改用通用参数:tableName匹配所有表格路径，确保每个请求能独立识别目标表格：

app.get('/someTables/:tableName', (req, res) => {
    // 从请求参数中直接获取目标表格名
    const targetTableName = req.params.tableName;
    let targetID = null;

    // 遍历表格列表找到对应ID
    for (const item of endData) {
        if (item.name === targetTableName) {
            targetID = item.id;
            break;
        }
    }

    // 处理表格不存在的情况
    if (!targetID) {
        return res.status(404).send('指定表格不存在');
    }

    // 关键：基于当前请求的targetID重新获取所有需要展示的数据，不要用全局缓存的旧数据
    const jsonToDisplay = getTableDataById(targetID); // 替换为你实际获取表格数据的函数
    const m1ToDisplay = getM1DataById(targetID);
    const m21ToDisplay = getM21DataById(targetID);
    const m22ToDisplay = getM22DataById(targetID);
    const versionToDisplay = getVersionById(targetID);

    // 渲染页面，所有数据都与当前请求的表格绑定
    res.render('index', { 
        frontData2: endData2, 
        frontData: endData, 
        jsonToDisplayFrontEnd: jsonToDisplay, 
        m1: m1, 
        m21: m21, 
        m22: m22, 
        m1FrontEnd: m1ToDisplay, 
        m21FrontEnd: m21ToDisplay, 
        m22FrontEnd: m22ToDisplay, 
        versionToDisplayFrontEnd: versionToDisplay, 
        titleName: targetTableName, 
        folderPath: getFolderPath(targetID), 
        folderPath2: getFolderPath2(targetID) 
    });
});

2. 彻底移除全局变量依赖 #

代码中的selectedID是全局变量，会被之前的请求污染，导致后续请求拿到错误的表格ID。所有请求相关的表格识别逻辑必须在单个请求的处理函数内部完成，完全脱离全局变量。

3. 确保数据不缓存 #

• 如果是服务端渲染：确保每次渲染时传递的jsonToDisplayFrontEnd等数据是基于当前目标表格ID重新查询的结果，而非全局缓存的旧数据。
• 如果前端有本地缓存：在URL变化时（比如监听浏览器popstate事件或前端路由切换），清除本地缓存并重新请求最新数据。

4. 增加参数验证逻辑 #

在处理请求时，验证req.params.tableName是否存在于你的表格列表中，不存在则返回404，避免无效请求引发异常。

内容的提问来源于stack exchange，提问作者Daniel Filip