假设,我想在如下URL中获取参数region和lang:https://root.com/{region}/{lang}https://root.com/{region}/{lang}/school我该怎么做?我尝试过动态路由,但它似乎不适用于根目录index.js。我该如何构建我的文件夹树?/pages/[region]/[lang]/index.js看起来不是有效的。
region
lang
https://root.com/{region}/{lang}
https://root.com/{region}/{lang}/school
/pages/[region]/[lang]/index.js
5t7ly7z51#
在/pages/[region]/[lang]/index.js中的默认导出组件中,可以使用next/router - useRouter。查询对象将包含region和lang参数。
import { useRouter } from "next/router"; export const Page = () => { const { query } = useRouter(); console.log({ query }); return <>My index page!</>; }; export default Page;
要获取/school路径,只需在index.js所在的文件夹中添加school.js文件,并使用useRouter获取查询参数,如上所述。
/school
index.js
sg3maiej2#
嘿我相信有几种方法,对https://root.com/{region}/{lang}等URL使用动态路由。
2条答案
按热度按时间5t7ly7z51#
在
/pages/[region]/[lang]/index.js
中的默认导出组件中,可以使用next/router - useRouter。查询对象将包含
region
和lang
参数。要获取
/school
路径,只需在index.js
所在的文件夹中添加school.js文件,并使用useRouter获取查询参数,如上所述。sg3maiej2#
嘿我相信有几种方法,
对https://root.com/{region}/{lang}等URL使用动态路由。