【问题标题】:How can I access to [id]/routeName in Next.js如何在 Next.js 中访问 [id]/routeName
【发布时间】:2021-12-08 11:43:18
【问题描述】:

我有一个简单的项目,当用户访问如下链接时:localhost:3000/course/[id] 然后用户点击加入,url 将变为 localhost:3000/course/[id]/routeName 如何在页面中创建这样的文件夹? 非常感谢!

【问题讨论】:

    标签: javascript reactjs routes next.js


    【解决方案1】:

    我想通了! 如果你和我有同样的问题!

    pages
       |-categories
           |-[category_slug]
               |-index.js     
               |-product
                   |-[product_slug].js  
    

    就是这样!

    【讨论】:

      【解决方案2】:

      您想要 Next 所说的“多条动态路段”。在您的 /pages 目录中:

      • 您想要一个名为course 的文件夹
      • 在里面你会有另一个文件夹,叫做[id]
      • 在该文件夹中,您需要一个名为 [routeName].js 的文件

      路径如下:

      /pages/course/[id]/[routeName].js
      

      【讨论】:

      • 是的,成功了!非常感谢您,我非常想赞成您的回答,但我不能,因为我没有足够的声誉。非常抱歉!祝你有美好的一天
      猜你喜欢
      • 2023-02-02
      • 2021-08-18
      • 1970-01-01
      • 2017-04-16
      • 2021-10-03
      • 1970-01-01
      • 2019-10-30
      • 2021-01-09
      • 2021-11-02
      相关资源
      最近更新 更多