You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.02 15:52:04