Nuxt.js: 无法自动生成路由配置
P粉404539732
P粉404539732 2023-08-25 13:31:01
[Vue.js讨论组]

我想为我的项目生成静态路由(/contact/about,...)和动态路由(/project/1/project/2,...),以便当用户在访问这些路由之一时刷新页面时,页面仍然可以正常工作。

但是当执行npm run generate时,我只得到生成的路由"/",在/dist文件夹中看不到生成的路由。

Nuxt.js版本使用:2.14.7

我尝试了universalspa两种模式,都不起作用。

在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
},


P粉404539732
P粉404539732

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号