使用Nuxt生成动态嵌套路由

时间:2018-10-15 14:36:07

标签: javascript vue.js nuxt

我正在基于Nuxt.js的静态网站上工作。

网站包含帖子,每个帖子都有一个主要类别和一个第二类别。所以我在充满活力的父母中生了充满活力的孩子。

pages/
--| _category/
-----| _subCategory/
--------| _id.vue
--------| index.vue
-----| _subCategory.vue
-----| index.vue
--| _category.vue
--| index.vue

想要的路径:website.com/category/subCategory/title-of-the-post.html

生成是在nuxt.config.js文件中配置的,但是我不知道如何根据每个帖子得到的类别创建路由。

文档:

export default {
  generate: {
    routes: function () {
      return axios.get('https://my-api/users')
      .then((res) => {
        return res.data.map((user) => {
          return '/users/' + user.id
        })
      })
    }
  }
}

非常感谢您的帮助!

0 个答案:

没有答案