Заголовок и метатег, считываемые из файла nuxt.config.js для всех страниц, размещенных в AWS s3

У меня есть новый веб-сайт, который я разработал на Nuxt.js и Vue. Согласно документации в Nuxt.js, я использовал nuxt.config.js для обновления тега заголовка для моей домашней страницы и использовал свойство head для объявления заголовка и другого метаописания для отдельных страниц. Когда я тестирую это локально, заголовок и метатеги различны для каждой страницы. Но после того, как я создал статический сайт и развернул его в AWS S3, все заголовки страниц и метаинформация в источнике страницы просмотра совпадают со значением, объявленным в nuxt.config.js.

Мой Nuxt.config.js

export default {
  mode: 'universal',
  /*
  ** Headers of the page
  */
  head: {

    title: 'My title for the website',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
       { hid: 'description', name: 'description', content: 'This is my website' }
    ],

Свойство Head на отдельных страницах Vue.

export default {
    head() {
    return {
      title: 'My Individual Page | My unique title',
      meta: [
        // hid is used as unique identifier. Do not use `vmid` for it as it will not work
        {
          hid: 'description',
          name: 'description',
          content:
            'My individual page and unique title'
        }]

0 ответов

Другие вопросы по тегам