Nuxt Generate Путь к динамическим маршрутам

Question

Я создаю сайт с помощью wp-api. Все мои страницы внутри: - pages -- _slug Если мой слаг страницы - site.com/about

- pages -- about Nuxt будет генерировать HTML, как это. Но... Если мой путь - site.com/company/about

Могу ли я создать эти маршруты?

PS: я использую WordPress API для этого. Так что, если мои страницы имеют родительские страницы, путь: site.com/parent/child

Answer 1

Вы можете использовать routes ключ в nuxt.config.js сделать это.

Документы находятся здесь: https://nuxtjs.org/api/configuration-generate/

В двух словах, вы можете написать функцию в nuxt.config.js:generate.routes который генерирует страницы для вас.

Вот пример: nuxt.config.js:

const axios = require('axios')

module.exports = {
  ...
  generate: {
    routes: function () {
      return axios.get('https://your-wordpress-api/')
      .then((res) => {
        return res.data.map((page) => {
          let route = '/whatever/you/like/' + page.slug
        })
      })
    }
  }
}

Несколько советов:

• Вы можете добавить полезную нагрузку, чтобы немного ускорить процесс: https://nuxtjs.org/api/configuration-generate/
• Если вам нужно сделать несколько запросов, используйте axios.spread