nuxtlink 拼接path,Nuxt生成动态路由路径

I'm creating a site with wp-api. All my pages are inside:

- pages

-- _slug

If my page slug are site.com/about

- pages

-- about

Nuxt will generate html like this. But... If my path are site.com/company/about

Can I create this routes?

PS: I'm using wordpress api for that. So if my pages has parent pages, the path are: site.com/parent/child

解决方案

You can use the routes key in nuxt.config.js to do this.

In a nutshell, you can write a function in nuxt.config.js:generate.routes which generates the pages for you.

Here is an example: 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

})

})

}

}

}

Some tips:

If you need to make a number of requests, use axios.spread