0

我正在下一个 js 中使用动态路由，文件夹结构就像

pages:
_app.j s
index.j s

main_Page:
  cart:
    [...cart_Component.j s]
  about:
    [...about_Component.j s]
  [[...index]].j s

在这里我的 [[...index]].js 文件是动态的，我需要显示所有国家/地区的数据，直到从标题下拉列表中选择任何国家，然后需要根据 [[...index] 中的所选国家/地区显示数据]].js，所以从 index.js =>[[...index]].js 把它当作动态的

但我的问题是当我想从家里去购物车时，我是这样写的

Router.push(`/main_Page/${this.state.country_Name}/cart/${cart_Name}`)

它没有导航到购物车页面停留在 [[...index]].js 中，所以我将购物车重命名为 [cart] 然后我可以去购物车，但我的问题是当我想导航到关于页面时已将其重命名为 [about] 它会引发类似的错误

error: you cannot use different slug names for the same dynamic path

当我路由到任何页面时，它将转到 [购物车] 页面，请帮助

4

1 回答 1

0

我已将文件夹结构更改为

pages:
_app.j s
index.j s

[main_Page]:
  cart:
    [...cart_Component.j s]
  about:
    [...about_Component.j s]
  [[...index]].j s

与国家：

Router.push(`/${this.state.country_Name}/cart/${cart_Name}`)

无国家：

Router.push(`/main_Page/cart/${cart_Name}`)
于 2022-01-06T06:49:16.243 回答