next.js - next.js - 由多个 slug 组成的动态路由？

Question

是否可以构建包含预定义格式的动态部分的路线，/[name]-id[id]例如，有路线/bob-id303或/mary-id205？

我尝试的是创建一个文件[name]-id[id].js。在getInitialProps我 console.log里面ctx它包含

  pathname: '/[name]-id[id]',
  query: { 'name]-id[id': 'bob-id303' },
  asPath: '/bob-id303',

另一方面，调用文件[[name]]-id[id]].js给出

Failed to reload dynamic routes: Error: Optional route parameters are not yet supported ("[[name]-id[id]]").

我想直接获取nameand id，然后通过初始道具将它们传递给页面。我知道我可以解析asPath，但还有其他方法吗？

score 1 · Accepted Answer

您可以使用 /[slug] 然后执行slug.split("-id"). 但是，您最好单独执行 id，然后获取元数据，因为名称可能会更改，然后该 url 可能会变为 404。

1 回答 1