仅在静态生成的页面Nuxt.js中存在加密问题

时间:2019-06-25 02:51:07

标签: javascript vue.js webpack vuejs2 nuxt.js

我已经2天在解决这个问题了。

Nuxt版本 ^ 1.4.0

访问that page时出现编码问题,如您所见,页面加载screenshot上有那些符号,页面加载后,文本显示为normal,但标题仍然具有problemmeta 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"
        }
      ]
    };
  }
};

如您所见,头是一样的,谢谢您的解决方案。

0 个答案:

没有答案