Vue.js Nuxt生成动态路由路径
我正在用wpapi创建一个站点。我所有的页面都在里面:Vue.js Nuxt生成动态路由路径,vue.js,wp-api,Vue.js,Wp Api,我正在用wpapi创建一个站点。我所有的页面都在里面: -页数 --_鼻涕虫 如果我的页面slug是site.com/about -页数 --关于 Nuxt将像这样生成html。但是如果我的路径是site.com/company/about 我可以创建这个路由吗 PS:我正在使用WordPressAPI来实现这一点。因此,如果我的页面有父页面,那么路径是:site.com/parent/child您可以使用routes键在numxt.config.js中执行此操作 文件如下: 简而言之,
-页数
--_鼻涕虫
如果我的页面slug是site.com/about
-页数
--关于
Nuxt将像这样生成html。但是如果我的路径是site.com/company/about
我可以创建这个路由吗
PS:我正在使用WordPressAPI来实现这一点。因此,如果我的页面有父页面,那么路径是:site.com/parent/child您可以使用
routes
键在numxt.config.js
中执行此操作
文件如下:
简而言之,您可以在numxt.config.js
中编写一个函数:generate.routes
为您生成页面
下面是一个示例:numxt.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
})
})
}
}
}
一些提示:
- 您可以添加有效负载以稍微加快速度:
- 如果需要发出大量请求,请使用
axios.spread