如果路由以斜線結尾，則找不到 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 格式的頁面。