如何在 nuxtjs 中使用 /foo-:bar 路由？

【问题标题】：How to use /foo-:bar route in nuxtjs?如何在 nuxtjs 中使用 /foo-:bar 路由？
【发布时间】：2021-04-04 05:47:11
【问题描述】：

我想在 nuxt 中使用这个路由器 /foo-:bar。我怎样才能实现它。我尝试 pages/foo-_bar.vue 但不工作。

【问题讨论】：

【解决方案1】：

这需要一个自定义路由，你可以configure in nuxt.config.js:

module.exports = {
  router: {
    extendRoutes(routes, resolve) {
      routes.push({
        name: 'foo',
        path: '/foo-:bar',
        component: resolve(__dirname, 'pages/foo-_bar.vue')
      })
    }
  },
}

【讨论】：