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

Javascript 仅在静态生成的页面Nuxt.js中存在encdoing问题,javascript,vue.js,webpack,vuejs2,nuxt.js,Javascript,Vue.js,Webpack,Vuejs2,Nuxt.js,我已经两天在解决那个问题了 Nuxt版本^1.4.0 当您访问时,存在编码问题,正如您所看到的,我在页面加载上有这些符号,页面加载后,文本显示为,但标题仍然有编码和 我使用静态生成(nuxt generate),在SSR模式下,一切都是 这是我的代码: import PageHeader from "~/components/PageHeader.vue"; import DoctorCard from "~/components/DoctorCard.vue"; import PageCont

我已经两天在解决那个问题了

Nuxt版本^1.4.0

当您访问时,存在编码问题,正如您所看到的,我在页面加载上有这些符号,页面加载后,文本显示为,但标题仍然有编码和

我使用静态生成(nuxt generate),在SSR模式下,一切都是

这是我的代码:

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"
        }
      ]
    };
  }
};
例如另一个页面:

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"
        }
      ]
    };
  }
};

正如您所看到的,头是一样的,感谢您提供的任何解决方案。

在您的
nuxt.config.js
@Deda中尝试使用
meta:[{charset:'utf-8'}]
,nuxt.js在configupdate中通过dafault将其更新为nuxt 2.8,在
nuxt.config.js中尝试使用
meta:[{charset:'utf-8'}]
,nuxt.js在nuxt 2.8的configupdate中通过dafault获得了它