NodeJS 接下来的J在根目录中使用几个参数

ne5o7dgx  于 2023-01-30  发布在  Node.js
关注(0)|答案(2)|浏览(108)

假设,我想在如下URL中获取参数regionlang
https://root.com/{region}/{lang}
https://root.com/{region}/{lang}/school
我该怎么做?我尝试过动态路由,但它似乎不适用于根目录index.js。我该如何构建我的文件夹树?
/pages/[region]/[lang]/index.js看起来不是有效的。

5t7ly7z5

5t7ly7z51#

/pages/[region]/[lang]/index.js中的默认导出组件中,可以使用next/router - useRouter。
查询对象将包含regionlang参数。

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获取查询参数,如上所述。

sg3maiej

sg3maiej2#

嘿我相信有几种方法,
https://root.com/{region}/{lang}等URL使用动态路由。

  • 创建一个“pages”文件夹,每个子文件夹中包含一个“index.js”文件。
  • 使用像“next-routes”或“react-router”这样的库进行路由。

相关问题