Блог

Я работаю над проектом 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' }]
  }
}
 

и для моей тестовой страницы я использую локальную конфигурацию следующим образом

тест/индекс.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 для них.