我已经2天在解决这个问题了。
Nuxt版本 ^ 1.4.0
访问that page时出现编码问题,如您所见,页面加载screenshot上有那些符号,页面加载后,文本显示为normal,但标题仍然具有problem和meta tag的编码。
我正在使用静态生成(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"
}
]
};
}
};
如您所见,头是一样的,谢谢您的解决方案。