对于带有查询参数的路由,Next.js中的正确文件夹结构是在pages文件夹下创建一个与路由路径对应的文件,并将查询参数作为文件名的一部分。具体的文件夹结构如下:
/products?id=123
,则需要在pages文件夹下创建一个名为products
的文件夹。?id=123
,则创建一个名为[id].js
的文件。[id].js
文件中,编写页面组件的代码,该组件将负责渲染带有查询参数的路由。这样,当访问/products?id=123
时,Next.js会自动调用[id].js
文件中的组件来渲染页面。同时,可以通过props.query
来获取查询参数的值,例如,可以通过props.query.id
来获取id
查询参数的值。
值得注意的是,对于不带查询参数的路由,仍然需要创建一个与路由路径对应的JS文件,但文件名不需要包含查询参数。
对于Next.js中的正确文件夹结构,可以参考腾讯云的Next.js产品文档,该文档介绍了Next.js的基本概念和使用方法,以及示例代码和最佳实践等内容。腾讯云的Next.js产品介绍链接地址为:https://cloud.tencent.com/product/nextjs
请注意,以上答案中没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的一些云计算品牌商。
领取专属 10元无门槛券
手把手带您无忧上云