如果路由以斜线结尾，则找不到 Next.js 页面

Question

我目前正在开发next.js应用程序。 我面临的问题是next/link 。 如果我在应用程序中导航，链接效果很好。 每个页面都正确呈现。 当我刷新页面并且 URL 以斜杠结尾时，问题就会出现。

http://localhost:3000/about/

上面的路由显示“找不到页面”，而下面的路由将成功加载页面。

http://localhost:3000/about

我使用的link如下：

<Link href="/about">
   <a>About</a>
</Link>

任何帮助将不胜感激。 谢谢。

Answer 1

我希望应该有一个最简单的方法来做到这一点。 但是，您可以使用自定义服务器来执行此操作。 这是一个例子：-

server.get("/about/", (req, res) => {
  return app.render(req, res, "/about")
})

Answer 2

我通过将标签切换为简单标签来解决此问题。 不理想，但至少它阻止了 nextjs 对尾部斜杠的默认处理。

<a href="/about">About</a>

在我的情况下，我指向一个我无法控制 url 格式的页面。