nuxt 每个页面都刷新 seo titile

Nuxt.js 是一个用于构建 Vue.js 应用的框架，特别适合服务端渲染（SSR）。关于每个页面都自动刷新 SEO 标题，通常 Nuxt 提供了动态路由配置和SEO友好的功能。你可以通过`<nuxt-head>`组件或者在`nuxt.config.js`文件中设置`head`属性来控制每个页面的元信息，包括标题。

例如，在`nuxt.config.js`中的`head`部分可以这样配置：

export default {
  head: {
    title: '默认标题 - {metaTitle}', // `{metaTitle}`会被页面的Meta标签内容替换
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { property: 'og:title', content: '{metaTitle}' }, // Open Graph title
    ],
  },
}

在单个页面文件中，比如`pages/index.vue`，你可以使用`this.meta.title`来动态设置页面标题：

<template>
  <div>
    <h1>这是页面标题</h1>
  </div>
</template>

<script>
export default {
  async fetch() {
    const metaTitle = await axios.get('api/getPageTitle'); // 调用API获取页面标题
    this.meta.title = metaTitle.data;
  },
}
</script>

在这个例子中，每次页面加载时都会通过 API 获取并更新 SEO 标题。