NextJS 12 中的动态路由生成答案

【问题标题】：Dynamic route generation in NextJS 12NextJS 12 中的动态路由生成
【发布时间】：2022-11-14 17:24:57
【问题描述】：

我有一个像这样的 JS 对象

[
    {
        name: 'About',
        path: '/about'
    },
    {
        name: 'Profile',
        path: '/profile'
    },
    {
        name: 'Users',
        path: '/users'
    }
]

我有什么方法可以将此对象中的路径链接到我的页面文件夹中的页面

我尝试使用 Link 组件并将其传递给 as 道具。这会处理导航，但是当页面刷新时，它会重定向到 404 页面

【问题讨论】：

标签： javascript reactjs next.js routes

【解决方案1】：

进入你的next.config.js文件并添加：

module.exports = {
  trailingSlash: true,
}

刷新时应该可以解决这个 404 问题。至于将 prop 传递给 Link 组件，这很好。

这是一个next.js explanation 作为参考。

【讨论】：