我正在使用 wp-api 创建一个网站。我的所有页面都在里面:
- pages
-- _slug
如果我的页面 slug 是 site.com/about
- pages
-- about
Nuxt将生成这样的html。但是...如果我的路径是 site.com/company/about
我可以创建这条路线吗?
PS:我正在使用 wordpress api 来实现这一点。因此,如果我的页面有父页面,则路径为:site.com/parent/child
您可以使用routes
key in nuxt.config.js
去做这个。
文档在这里:https://nuxtjs.org/api/configuration-generate/#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- https://nuxtjs.org/api/configuration-generate/#speeding-up-dynamic-route-generation-with-code-payload-code-
- 如果您需要发出多个请求,请使用
axios.spread
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)