У меня есть встроенная веб-страница в Nuxt, и для разных страниц мне бы хотелось иметь разные заголовки в заголовке и разные метаописания.Как мне это сделать?
Я нашел метод head () в документации по Nuxt, но, похоже, он не работает для меня.
в моем contact.vue:
export default class Contact extends Vue {
head() {
return {
title: 'Contact page',
meta: [
{ hid: 'description', name: 'description', content: 'This is a contact page' }
]
}
}
}
И в моем nuxt.config.js:
head: {
title: 'My website',
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
],
}
Я бы ожидал, что, согласно документации, сгенерирует метатеги.Но он просто показывает заголовок и мета-описание, объявленное в nuxt.config.js.Что мне здесь не хватает?