0

伙计们。我有一个带有两个参数的商店页面：页面和排序。如下所示：

example.com/shop/
example.com/shop/page/2/
example.com/shop/sort/newest/
example.com/shop/sort/oldest/page/2/

这是我的路线配置：

router: {
    extendRoutes(routes, resolve) {
      routes.push(
        {
          path: '/shop/sort/:sort/page/:page(\\d+)',
          component: resolve(__dirname, 'pages/shop/index.vue'),
          name: 'shop-sort-page',
        },
        {
          path: '/shop/sort/:sort',
          component: resolve(__dirname, 'pages/shop/index.vue'),
          name: 'shop-sort',
        },
        {
          path: '/shop/page/:page(\\d+)',
          component: resolve(__dirname, 'pages/shop/index.vue'),
          name: 'shop-page',
        },
      )
    }
},

现在，在我生成我的网站后，Nuxt 不会生成排序页面。当我转到 /sort/ 或 /sort/oldest/page/2/ 时，它返回 404。

我需要做什么？如果我需要自己生成所有这些页面，那么这些 routes.push() 用于什么？

我还想添加“名称”和“过滤器”参数。您会看到为所有这些参数生成动态路由是不可能的。我能做些什么？谢谢。

4

0 回答 0