0

我正在开发一个 Nuxtjs 项目，我想在文档部分添加 SEO 元标记。根据官方文档，有三种方法可以实现这一点。

问题- 如果有可用的全局配置，则不会选择本地配置。我希望全局设置用于我没有指定头部对象或函数的页面。如果我指定了 head 选项，那么它应该覆盖默认值（即全局）

代码部分

我已经使用 nuxt.config.js 设置了全局配置，如下所示

nuxt.config.js

export default {
  // ...
  head: {
    title: 'my website default title',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      {
        hid: 'description',
        name: 'description',
        content: 'my website default description'
      }
    ],
    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]
  }
}

对于我的测试页面，我使用本地配置如下

测试/index.vue

export default {
    name: 'test-page',
    head() {
        return {
            title: 'Test page',
            meta: [
                {
                    hid: 'test-description',
                    name: 'test-description',
                    content: 'Test page description'
                }
            ],
        }
    },
}

但是当我访问测试页面时，网页的标题显示为“我的网站默认标题”，但我想显示“测试页面”。

如果我从 nuxt.config.js 中删除全局配置，那么它工作正常。但是对于我没有 head 选项的页面，它不会包含它们的 SEO 元标记。

4

0 回答 0