Next Js中的動態路由返回404然后重新加載

Question

每當用戶單擊按鈕時，我都需要重定向到 /solutions/[id] ，其中 id 是動態的。 嘗試使用鏈接和下一個路由器。 如果我第一次單擊該按鈕失敗（返回 404），然后自動重新加載頁面。 這是預期的行為嗎？ 我如何避免這種情況？

<Link href="/quiz/solutions/a">
     <a>First comment</a>
</Link>  

我的文件夾結構

pages
    -solutions
          -[index].js

Answer 1

在 10 之前的 Next 版本中，您必須使用href和as道具。 查看此問題以獲取更多信息。 這里也是舊文檔的鏈接，文檔的相關部分說明：

href是頁面使用的文件系統路徑，它不應在運行時更改。 as在另一方面，將根據您的需求是動態的大部分時間。

<Link href="/quiz/solutions/[id]" as="/quiz/solutions/a">
  <a>First comment</a>
</Link> 

這是假設頁面是解決方案文件夾中的[id].js 。