我想为我的项目生成静态路由(/contact,/about,...)和动态路由(/project/1,/project/2,...),以便当用户在访问这些路由之一时刷新页面时,页面仍然可以正常工作。
但是当执行npm run generate时,我只得到生成的路由"/",在/dist文件夹中看不到生成的路由。
Nuxt.js版本使用:2.14.7
我尝试了universal和spa两种模式,都不起作用。
在nuxt.config.js文件中,我在顶部添加了以下代码:
const axios = require('axios')
const dynamicRoutes = async () => {
const routes = await axios.get('http://my-project.com/wp/wp-json/projects/v1/posts')
.then(res => res.data.map((project) => `/project/${project.ID}/${project.post_name}`))
.then(res => res.concat(
[
'/about',
'/contact',
'/portfolio'
]
))
return routes
}
然后在export default {}中:
generate: {
routes: dynamicRoutes
},
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号