如何为一年中的所有日子生成api和页面-React/Next JS

Question

我有一个api，可以接受一年中的所有日子，并返回所有日子的信息。

https://api.mywebsite.org/data/all/${month}/${day}

现在，我有一个名为https://mywebsite.org/today的页面，它返回今天的信息。我的目标是让这个页面在一年中的所有日子都可用。例如，2月28日将是：

https://mywebsite.org/today/feb/28

将通过02(月(和28(日(到达api。

我的路线很简单。例如，对于用户，我的路线如下所示，但用户存储在数据库中。我不会像我想约会那样猜测或编造价值观。

/user/[userId]/index.js

我可以创建一个名为/today/[date]/index.js的路由，但如何为一年中的所有日子创建这个路由

我希望用户能够只输入任何月份/日期。

Answer 1

您需要使用的是动态路由(您可以在此处阅读更多信息(

首先，您需要将文件命名为pages/[...params].js这将匹配一组路线，如：

1. /feb
2. /feb/23
3. /a/b/c

不要忘记验证参数(我想第三种情况应该重定向到404(

您可以使用useRouter钩子从URL获取参数：

import { useRouter } from 'next/router'
const Component = () => {
const router = useRouter()
const { params} = router.query // this will return an array of query parameters
// parameters validation here
return <></>
}
export default Component