Nuxt 生成动态路由路径

Question

我正在使用 wp-api 创建一个站点。我所有的页面都在里面： - pages -- _slug 如果我的页面 slug 是 site.com/about

- pages -- about Nuxt 会像这样生成 html。但是...如果我的路径是 site.com/company/about

我可以创建这条路线吗？

PS：我为此使用了 wordpress api。所以如果我的页面有父页面，路径是：site.com/parent/child

Answer 1

您可以使用nuxt.config.js 中的routes 键来执行此操作。

文档在这里：https://nuxtjs.org/api/configuration-generate/#routes

简而言之，您可以在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/#speeding-up-dynamic-route-generation-with-code-payload-code-
• 如果您需要发出多个请求，请使用axios.spread