链接的“as”和“href”不兼容值错误的解决方法

Question

我在Next.js项目中创建了以下页面src/pages/brand1/[[...subpages]]：我正在使用增量静态再生，.next/server/pages/brand1.json在构建next.js项目后我有一个文件。在我的组件中，我想创建一个Link组件，单击该组件时，会在地址栏中显示带有空路径（例如 ）的 URL ，并从路由（使用文件）page-domain.com呈现页面。我尝试了各种解决方案来实现这一目标，例如：/brand1brand1.json

<Link
  href={{
    pathname: '/brand1',
  }}
  as={'/'}
  shallow
>
  link
</Link>

但我在浏览器中收到错误消息Error: The provided 'as' value (/) is incompatible with the 'href' value (/brand1/[[...subpages]])

我有以下解决方案，适用于不带空子页面的网址（例如page-domain.com/menu），但它不适用于我之前描述的根页面：

<Link
  href={{
    pathname: '/brand1/[[...subpages]]',
    query: { subpages: 'menu' },
  }}
  as={'/menu'}
  shallow
>
  link
</Link>

我的问题是如何创建一个可以显示带有空路径的 URL 的链接page-domain.com，并从路由中获取页面/brand1？