Next.js 13 App Router:无需URL传参在服务端获取当前年份
在Next.js 13 App Router中无需URL传参获取当前年份设置元标题
直接在generateMetadata函数中创建Date实例获取当前年份即可,这个函数默认在服务端执行,完全不需要依赖URL参数。
修改后的代码如下:
// my-page/page.tsx import type { Metadata } from 'next'; export async function generateMetadata(): Promise<Metadata> { // 服务端直接获取当前年份 const currentYear = new Date().getFullYear(); return { title: `this is a sample title ${currentYear}`, description: `this is a sample description` }; } export default function MyPage() { return ( <div> {/* 页面内容 */} </div> ); }
说明:
- 移除了动态路由
[year],页面可通过正常路径访问 generateMetadata在服务端运行,new Date().getFullYear()会获取服务器端的当前年份并自动注入到元标题中
内容的提问来源于stack exchange,提问作者Fakhrul Islam Fuad
相关产品推荐
相关产品推荐

