Node Express app.get(*) req.url 总是 /favicon.ico

Question

我有一个 Express 服务器，我的应用通过 app.get('*') 路由提供服务。

我想让拥有促销代码的用户通过如下的广告系列 URL 访问该网站：www.mysite.com/?code=123。

问题是每个浏览器请求都被路由到 favicon 请求，因此我的 req.url 和 req.query 变量不能用于获取促销代码。 Req.url 始终为 /favicon.ico 而req.query 始终为空。

我确实发现原始 URL 是请求对象的标头，但这似乎是实现我的目标的迂回方式。请求对象的原始 URL 字段也指向favicon.ico。

app.get('*', (req, res) => {
  console.log(req.url);
  console.log(req.query);
}

我想暂时让我的促销代码解决方案尽可能快速和肮脏，所以我可以使用 URL 参数。有没有一个简单的解决方案来提取原始 URL 查询参数而不深入到标头？

编辑：我现在在下面分享我的根请求处理程序。 favicon 请求由代码前面的 express-favicon 中间件处理。

app.get('*', (req, res) => {
  console.log("In get *");
  console.log("Req.url: ",req.url);
  console.log("Promo code: ",req.query.promo);
  const context = {};
    const app = ReactDOMServer.renderToString(
      <StaticRouter location={req.url} context={context}>
        <App />
      </StaticRouter>
    );

  const indexFile = path.resolve('./public/index.html');

  fs.readFile(indexFile, 'utf8', (err, data) => {
      if (err) {
        console.error('Something went wrong:', err);
        return res.status(500).send('Oops, better luck next time!');
      }

      return res.send(
        data.replace('<div id="root"></div>', `<div id="root">${app}</div>`)
      );
    });
})

Answer 1

问题是我使用的是 React Router，它不支持查询参数： https://reacttraining.com/react-router/web/example/query-parameters

为了解决这个问题，我在客户端使用window.location.search 来获取促销代码，然后使用显式促销处理程序传递给后端。

Answer 2

您可以在 express 中接受动态值作为 URL 的一部分

api 调用 ==> www.mysite.com/dynamic_promo_code

app.get('/:promo_code',(req,res)=>{
// req.params will be and object holding your dynamic promo_code
const promo = req.params.promo_code; // this will be your dynamic promo code
});

如果您希望您的促销代码是可选的并且不想成为 URL 的一部分

api 调用 ==> www.mysite.com?promocode=dynamic_promo_code

app.get('/',(req,res)=>{
  //req.query is an object holding your optional parameter
  const code = req.query.promocode; // this will be yor dynamic promo code
})