Express通配路由无法匹配含?的路径，React SSR应用求助

• 检查Express路由配置，改用通配符*统一处理所有GET请求，替换逐个路径的精确匹配。比如把原来分散的app.get('/about', ...)、app.get('/cv', ...)改成：

  app.get('*', yourSSRRenderHandler);
  

  这样不管路径是否带查询字符串，都会进入SSR渲染逻辑，避免Express路由漏匹配带参数的请求。

• 在SSR处理函数中，确保给react-router的StaticRouter传递正确的location参数：使用req.url（包含查询字符串）而非仅路径部分，让react-router能正确解析路径和查询参数。示例：

  const html = ReactDOMServer.renderToString(
    <StaticRouter location={req.url} context={context}>
      <App />
    </StaticRouter>
  );
  

  react-router的Route组件的exact匹配只依据路径的pathname部分，查询字符串不会影响匹配结果，所以无需移除exact={true}。

• 排查Express的strict routing设置，如果开启了app.set('strict routing', true)，它会影响结尾斜杠的匹配，但不会干扰查询参数，不过可以临时关闭测试是否解决问题。

• 给Express路由处理函数添加日志，验证带查询参数的请求是否进入了SSR逻辑。比如：

  app.get('*', (req, res) => {
    console.log(`Received request for: ${req.url}`);
    // 后续SSR渲染代码
  });
  

  如果日志没有输出，说明请求没到达SSR处理，需检查中间件顺序（比如静态文件中间件是否提前拦截了请求）。

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