Заголовок и метатег, считываемые из файла 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'
}]