Next.js首页元数据标题模板未生效问题求助

问题原因 #

当你在页面中将title直接设置为字符串时，Next.js会默认将其视为绝对标题（等价于{ content: "Home", absolute: true }），这会完全忽略布局中定义的title.template配置，因此只显示"Home"而不会拼接模板后缀。

解决方案 #

将首页的title配置改为对象形式，仅指定content字段（无需设置absolute，默认值为false），这样就会自动继承并应用布局中的标题模板。

修改后的首页代码：

export const metadata: Metadata = {
  title: {
    content: "Home",
  },
};

额外说明 #

• 如果需要在特定页面禁用布局模板，可显式设置absolute: true，示例：

  export const metadata: Metadata = {
    title: {
      content: "独立标题",
      absolute: true,
    },
  };
  

• 布局中的title.default会在页面未指定title时生效，显示为"My Website"。

内容的提问来源于stack exchange，提问作者FurkanG