如何用Express获取URL参数？请求参数无法获取问题求助

看起来你的服务器压根没接收到完整的请求URL啊！终端输出里的fullUrl是http://localhost:8090/，连articlePage.html都没带，自然拿不到articlePageId参数。我帮你梳理几个最可能的原因和解决办法：

一、检查静态文件服务的配置顺序 #

如果你的articlePage.html是放在静态文件夹（比如public）里用express.static托管的，那首先要确认中间件的配置顺序：

• 必须把express.static放在所有路由处理的前面，不然请求会被其他路由（比如根路由/）拦截，导致服务器只拿到根路径。
• 正确的配置示例：

  const express = require('express');
  const app = express();
  
  // 先托管静态文件，比如html文件都在public文件夹下
  app.use(express.static('public'));
  
  // 再定义其他路由（比如根路由）
  app.get('/', (req, res) => {
    res.send('首页内容');
  });
  
  app.listen(8090, () => {
    console.log('Server running on port 8090');
  });
  

如果之前把express.static放在了根路由之后，赶紧调整顺序试试。

二、排查是否有重定向逻辑搞鬼 #

看看你的服务器代码里有没有针对/articlePage.html的重定向处理，比如：

app.get('/articlePage.html', (req, res) => {
  res.redirect('/'); // 这种直接重定向到根路径会丢失所有查询参数！
});

如果有这种代码，要么直接删掉，要么修改成带参数的重定向：

app.get('/articlePage.html', (req, res) => {
  // 保留查询参数的重定向方式
  res.redirect(`/?${new URLSearchParams(req.query)}`);
});

三、确认前端跳转的URL是否正确 #

虽然你说请求URL是https://localhost:8090/articlePage.html?articlePageId='+item.ID，但终端显示的是根路径，也有可能是前端跳转逻辑出了问题：

• 检查前端代码里的跳转语句，比如是不是误写成了window.location.href = '/'？
• 如果用了前端路由（比如Vue Router、React Router），看看有没有把/articlePage.html配置成重定向到根路径的规则。

四、加个测试路由验证参数接收 #

如果上面的排查都没问题，你可以在服务器里加一个专门的路由来测试请求是否正确到达：

app.get('/articlePage.html', (req, res) => {
  // 打印完整请求URL
  console.log('完整请求URL:', req.protocol + '://' + req.get('host') + req.originalUrl);
  // 打印查询参数
  console.log('articlePageId:', req.query.articlePageId);
  // 返回静态文件
  res.sendFile(__dirname + '/public/articlePage.html');
});

启动服务器后再访问目标URL，看看终端能不能打印出完整的URL和参数——如果能，说明之前的静态文件配置有问题；如果还是不行，那大概率是前端跳转的问题。

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