Я работаю над этой проблемой уже 2 дня.
Nuxt версия ^ 1.4.0
Когда вы посещаете эту страницу , возникают проблемы с кодировкой, как вы видите, у меня эти символы при загрузке страницы снимок экрана , после загрузки страницы текст отображается как нормальный , но заголовок все еще имеет кодировку проблемы и метатег .
Я использую статическую генерацию (генерирование nuxt), в режиме SSR все OK .
Вот мой код:
import PageHeader from "~/components/PageHeader.vue";
import DoctorCard from "~/components/DoctorCard.vue";
import PageContent from "~/components/PageContent.vue";
import GridBlock from "~/components/GridBlock.vue";
import GridItem from "~/components/GridBlockItem.vue";
import SidebarWidget from "~/components/SidebarWidget.vue";
import FileLink from "~/components/FileLink";
import doctors from "~/assets/doctors";
const pageTitle = "Наши врачи";
export default {
name: "Doctors",
components: {
PageHeader,
DoctorCard,
PageContent,
GridBlock,
GridItem,
SidebarWidget,
FileLink
},
data() {
return {
title: pageTitle,
doctors: doctors
};
},
head: {
title:
"Врачи и сотрудники клиники женского здоровья «Святая Мария» во Владивостоке",
meta: [
{
description:
"Врачи и сотрудники центра «Святая Мария» - имеют профильное образование и многолетний опыт медицинской практики. Врачи центра «Святая Мария» будут рады помочь.",
keywords:
"врачи центра эко, сотрудники центра эко, специалисты центра эко"
}
]
}
};
Например, другая страница:
import PageHeader from "~/components/PageHeader.vue";
import PageContent from "~/components/PageContent.vue";
import siteConfig from "~/config/siteConfig";
import SidebarWidget from "~/components/SidebarWidget.vue";
import ImageSlider from "~/components/ImageSlider.vue";
import WidgetLinks from "~/components/WidgetLinks.vue";
import FileLink from "~/components/FileLink.vue";
import ContactPhone from "~/components/ContactPhone.vue";
const IMAGES = [
"about/clinic_1.jpg",
"about/clinic_2.jpg",
"about/clinic_3.jpg",
"about/clinic_4.jpg"
];
export default {
name: "about_page",
components: {
PageHeader,
PageContent,
SidebarWidget,
ImageSlider,
WidgetLinks,
FileLink,
ContactPhone
},
head: {
title: "Информация о клинике «Святая Мария» во Владивостоке",
meta: [
{
description:
"Центр ЭКО и эндоскопической хирургии во Владивостоке. Осуществляем диагностику и лечение гинекологических заболеваний, бесплодия.",
keywords:
"центр эко, эндоскопическая хирургия, лечение гинекологических заболеваний, лечение бесплодия"
}
]
},
data() {
return {
title: "О клинике женского здоровья «Святая Мария»",
email: siteConfig.email,
workHours: siteConfig.work_hours,
images: IMAGES,
links: [
{
title: "Наши врачи",
path: "/doctors"
},
{
title: "График приема врачей",
path: "/services/diagnostic/consultation"
},
{
title: "Вакансии",
path: "/jobs"
},
{
title: "Сотрудничество",
path: "/cooperation"
},
{
title: "Лицензии",
path: "/documents"
},
{
title: "Услуги",
path: "/services"
}
]
};
}
};
Как видите, голова такая же, спасибо за любые решения.