如何在 express.js 中仅获取页面路径？

Question

如何在 express.js 中获取 only 页面路径？ 我想基于 url 呈现页面。就像我尝试访问 http://example.com/a_lion包含在对象中找到的数据的文件。如果没有，它将呈现带有“未找到”数据的同一页面。 这是我的index.js文件代码sn-p：

app.get("*",(req,res) => {
  
  if(req.url == "/"){
      res.render("index",{title:"Recent Stories"});
  }else{
    console.log(req.path);
   fs.readFile("stories.json",(err,data) => {
     
     if(err){throw err}
     else{
      
      let actualData = JSON.parse(data.toString());
      let mainData = actualData.find((e) => {
       return e.title === req.url;
      })
      
      if(mainData == undefined){
         res.render("stories",{title:"Ops,",body:"Not found!"});
      }else{
        res.render("stories",{title:mainData.title,body:mainData.body})
      }
     }
     
   });
   
  } 
})

在console.log(req.path); 行中，它会输出一些这样的网址：

/a_lion
/favicon.ico

我只想要/a_lion 行而不是其他行，这样我的代码就可以在数组中搜索它。我怎样才能做到这一点？

Answer 1

一般来说。你不能。

客户要求一些东西。服务器收到对该事物的请求，并且必须确定它是什么。

大多数浏览器在从新网站加载页面时会要求在（例如）选项卡中显示网站图标。这是正常行为。

没有真正的方法可以区分浏览器请求图像和浏览器请求 HTML 文档。

某些浏览器可能会根据他们的要求发送不同的 Accept 标头，但我不会依赖于此。

---

自动请求的资源（如favicon.ico 和robots.txt）往往是顶级资源。

利用路径为您的资源制定更具体的约定，而不是将所有内容都放在无法区分一物与另一物的顶层。

app.get('/', (req, res) => {
    res.render('index', {title: 'Recent Stories'});
});

app.get('/stories/:title', (req, res) => {
    // ...
    const match = actualData.find((e) => e.title === req.params.title)
    // etc
});

---

如果您要发送带有“未找到”消息的“Ops”页面，那么只需将其设为 404 错误即可。浏览器知道如果他们请求 favicon.ico 并收到 404 错误时该怎么办……即使它是格式正确的 404 错误。

Answer 2

更新

我建议您拆分处理程序，然后添加特定的页面加载逻辑。

此外，如果您的 stories.json 文件没有更改，您可以避免在每次请求时读取/解析它。 （不过，可以实现进一步的逻辑以在需要时在内存中更新它）。

const stories = JSON.parse(fs.readFileSync('stories.json', 'utf8')).reduce((acc, val) => {
    acc[val.title] = val.body;
    return acc;
}, {});

app.get('/', (req, res) => {
    res.render('index', {title: 'Recent Stories'});
});

app.get('/*', (req, res) => {
    const story = stories[req.url];

    if (story) {
        res.render('stories', {title: req.url, body: story});
    } else {
        res.render('stories', {title: 'Ops,', body: 'Not found!'});
    }
});