如何使用NodeJS Express为URL添加可读文本？

你的需求是当用户访问https://website.com/view?id=8d23iva时，地址栏URL自动变为https://website.com/view?id=8d23iva/amazing-book-title（标题与id关联），直接修改req/res对象的url/originalUrl属性无法实现——这些只是服务器内部的请求路径标识，不会同步到浏览器地址栏。以下是可行的解决方案：

方案1：基于Query参数的重定向（匹配你想要的URL格式） #

步骤1：处理旧路由，查询标题并重定向 #

先通过id获取对应标题，构造新URL后用重定向让浏览器更新地址栏：

app.get('/view', async (req, res) => {
  const { id } = req.query;
  // 替换为你的实际查询逻辑：通过id获取关联标题
  const bookTitle = await getBookTitleById(id);
  // 将标题转为URL友好格式（小写、空格替换为横杠）
  const friendlyTitle = bookTitle.toLowerCase().replace(/\s+/g, '-');
  // 构造包含标题的新URL
  const newUrl = `/view?id=${id}/${friendlyTitle}`;
  // 301永久重定向（利于SEO，临时场景可改用302）
  res.redirect(301, newUrl);
});

步骤2：处理新格式的路由 #

解析带标题的id参数，正常处理业务请求：

app.get('/view', (req, res) => {
  // 拆分id与标题：query.id中包含/分隔符
  const [id, title] = req.query.id.split('/');
  // 用id获取数据，标题可用于SEO优化或参数验证
  res.render('book-view', { id, title });
});

方案2：更规范的路径参数格式（推荐） #

相比把标题放在Query参数里，用路径参数的格式https://website.com/view/8d23iva/amazing-book-title更符合REST规范，处理逻辑也更清晰：

// 旧路由重定向到新格式
app.get('/view', async (req, res) => {
  const { id } = req.query;
  const bookTitle = await getBookTitleById(id);
  const friendlyTitle = bookTitle.toLowerCase().replace(/\s+/g, '-');
  res.redirect(301, `/view/${id}/${friendlyTitle}`);
});

// 处理新路径参数路由
app.get('/view/:id/:title', (req, res) => {
  const { id, title } = req.params;
  // 业务逻辑：用id获取数据并渲染页面
  res.render('book-view', { id, title });
});

原代码无效的原因 #

你修改的req.url、req.originalUrl仅用于服务器内部的路由匹配，不会触发浏览器发起新请求，因此地址栏的URL不会发生变化。只有通过res.redirect发送重定向响应，浏览器才会跳转并更新地址栏。

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