Polymer 2.0应用查询参数异常：获取页面名而非实际GET参数

嘿，我之前碰到过几乎一模一样的情况，咱们一步步拆解排查，把问题解决掉：

1. 先检查NodeJS服务器的路由/静态文件配置 #

如果你的images.html是静态文件（比如放在public目录下），用Express的express.static中间件时，默认是能正确传递查询参数的，但如果路由配置顺序错了，或者把静态路径当成了动态路由，就会出现参数被错误解析的情况。

举个典型的错误配置：

// 错误：这个路由会把 /images.html?category=123 里的images.html当成id参数
app.get('/:id', (req, res) => {
  console.log(req.params.id); // 输出images.html
});
// 静态文件中间件放在了动态路由后面，根本没机会处理请求
app.use(express.static(path.join(__dirname, 'public')));

正确的做法是把静态文件中间件放在所有路由的最前面，让它优先处理静态资源请求：

// 先挂载静态文件中间件
const path = require('path');
app.use(express.static(path.join(__dirname, 'public')));

// 再写其他动态路由
app.get('/api/get-data', (req, res) => {
  // 这里可以正常获取查询参数
});

如果images.html是服务器渲染的模板（比如EJS、Pug），那要确保路由是精准匹配的，并且用req.query获取参数：

app.get('/images.html', (req, res) => {
  console.log(req.query.category); // 这里应该能拿到123
  // 渲染模板的逻辑
});

2. 检查iron-ajax的请求配置 #

手动拼接URL很容易出小问题，建议用iron-ajax的params属性来传递查询参数，这样框架会帮你自动处理编码和拼接：

<iron-ajax
  auto
  url="http://localhost:3000/images.html"
  params='{"category": "123"}'
  handle-as="text"
  on-response="handleServerResponse"
  on-error="handleRequestError">
</iron-ajax>

如果一定要手动拼接URL，务必检查有没有语法错误（比如漏写?、参数格式不对），同时确认请求方法是GET（iron-ajax默认是GET，但最好显式声明）。

3. 确认服务器端获取参数的方式 #

在NodeJS里，查询参数存在req.query对象里，而req.params是用来获取路由参数的（比如/user/:id里的id）。你是不是不小心用错了对象？

正确的获取方式示例：

// 针对请求 http://localhost:3000/images.html?category=123
app.get('/images.html', (req, res) => {
  const category = req.query.category;
  console.log(category); // 输出123
  res.send('请求成功');
});

4. 验证请求是否正确发送 #

打开浏览器开发者工具（F12），切换到Network标签，找到这个iron-ajax的请求：

• 看Request URL是不是完整的http://localhost:3000/images.html?category=123
• 确认Request Method是GET
• 查看Query String Parameters里有没有category:123

如果请求URL不对，问题出在iron-ajax配置；如果URL正确但服务器拿不到参数，问题就出在NodeJS的路由/中间件配置上。

按这几步排查下来，应该就能搞定你的问题啦！

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