使用Nuxt Content设置的页面标题导航后无法恢复默认值

这不是你的操作错误，本质是Nuxt Content自动注入的页面标题不会在路由离开时自动重置，而Nuxt的useHead是通过覆盖/累加的方式管理元信息，没有默认的“回退到全局配置”机制。

以下是几种可靠的解决方式：

1. 全局路由中间件强制重置标题 #

创建全局生效的路由中间件，在跳转到非Content页面时手动设置回全局默认标题：

• 在项目根目录创建middleware/reset-title.global.ts文件：

export default defineNuxtRouteMiddleware((to) => {
  // 根据你的实际路由规则判断是否为Content页面，比如路径以/articles/开头
  const isContentPage = to.path.startsWith('/articles')
  if (!isContentPage) {
    useHead({
      title: '你的全局默认标题' // 和nuxt.config.ts里的app.head.title保持一致
    })
  }
})

这个中间件会在每次路由切换时触发，自动给非Content页面恢复默认标题。

2. 布局组件中统一处理标题 #

如果你的项目使用了全局布局组件（比如layouts/default.vue），可以在布局里根据当前路由判断并设置标题：

<script setup>
const route = useRoute()
const defaultTitle = '你的全局默认标题'

useHead({
  title: computed(() => {
    // 同样根据路由判断是否为Content页面
    return route.path.startsWith('/articles') ? undefined : defaultTitle
  })
})
</script>

这里返回undefined时，会让Content模块的标题设置生效；非Content页面则强制用默认标题。

3. 单个非Content页面显式设置标题 #

如果非Content页面数量不多，也可以直接在对应页面的script setup里显式设置标题：

<script setup>
useHead({
  title: '你的全局默认标题'
})
</script>

补充说明 #

Nuxt Content会自动读取Markdown文件frontmatter中的title字段来设置页面标题，这个行为是正常的。但由于useHead的元信息是基于路由上下文叠加的，离开Content页面时不会自动回滚到全局配置，所以需要手动介入处理路由切换时的标题重置。目前这不属于官方已知Bug，是需要开发者根据项目需求自行处理的场景。

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