当basePath不是root时如何在Next.js中正确设置动态路由？

Question

我已按照本教程将我的 Next.js 项目设置为驻留在网站根目录之外。 （我把它放在 /app 子文件夹中）。

在我开始对几页使用动态路由之前，一切都很好。

我尝试了三种方式：

1. <Link href="/project/[project_id]" as="/app/project/project1">

返回错误Error: The provided 'as' value (/app/project/project1) is incompatible with the 'href' value (/project/[project_id])

2. <Link href="/project/project1" as="/app/project/project1">

哪种工作（它导航）但它无法预加载下一页（我收到错误 404 - 找不到像这样链接的页面）

3. <Link href="/app/project/project1" as="/app/project/project1">

根本不起作用。

任何人都知道如何解决这个问题？

Answer 1

在 next.config 中设置basePath

basePath: '/app'

现在，从您的 Link 组件中删除对/app的任何引用。

<Link href="/project/[project_id]" as="/project/project1">

这对我们来说是正确的，并且从下一个 9.5 开始工作