从路由器获取变量时，它将返回requestProvider.js.map in node.js中

Question

我有一个node.js应用。当网页第一次渲染时，所有人都按预期工作，但是当检查应用程序崩溃时，req.params.slug显示为requestProvider.js.map。

router.get('/:slug', async (req, res) => {
  const article = await Article.findOne({ slug: req.params.slug })
  if (article == null){
    res.render('/')
  } 
  res.render('articles/show', { article: article })
})

编辑 使用控制台。log消息

router.get('/:slug', async (req, res) => {
  console.log("slug")
  console.log(req.params)
  const article = await Article.findOne({ slug: req.params.slug })
  console.log("article")
  console.log(article)
  if (article == null){
    res.render('/')
  } 
  console.log("article")
  console.log(article)
  console.log("title")
  console.log(article.title)
  res.render('articles/show', { article: article })
})

控制台消息是

slug {slug：'requestProvider.js.map'} 文章 无效的 文章 无效的 标题 c：\ users \ samue \ oneDrive \ desktop \ shortcuts and utused \ unused \ unused 2 \ blog \ public \ public \ routes \ articles.js：32 console.log（Article.title） ^

TypeError：无法读取空的属性（读取'title'） 在C：\ users \ samue \ oneDrive \ desktop \ shortcuts和未使用\未使用的2 \ blog \ public \ doutes \ artices.js：32：23 在processTickSandReptions（节点：内部/process/task_queues：96：5） [nodemon]应用程序崩溃了 - 启动之前等待文件更改...

Answer 1

您面临的问题是，您的零检查文章实际上并没有终止功能过程，因此稍后您在调用Article时。您可以通过在响应的前面添加返回来解决此问题。

if (article == null) return res.render('/') 

或总体使用可选的链式

console.log(article?.title)

，您应该尝试端点的重构，我建议：

router.get('/:slug', async (req, res) => {

  const { slug } = req.params        // destructure slug from params
  if (!slug) return res.render('/')  // check if provided

  try {
    const article = await Article.findOne({ slug })
    return res.render('articles/show', { article })
  } catch(err) {
    res.status(400) // or some other error repsonse
    return res.render('your error page')
  }
})

注意：这是未经测试的

Answer 2

当我使用混音并得知您的网页上 Chrome Developer Tools Open 时，这也会发生这种情况。 /descorions/35199？sort = top“ rel =“ nofollow noreferrer”> https://github.com/vercel/next.js/discussions/35199?sort = top 您将必须异常处理requestProvider.js.map被传递给您的URL并避免使用。