时间戳

首页 > 解决方案 > 页面在链接时也可以工作，但在重新加载时会中断

vue.js - 页面在链接时也可以工作，但在重新加载时会中断

问题描述

我正在尝试将 VueTyper 添加到我的 Nuxt 站点，当您点击指向我的 about 页面的链接时，它在初始加载时工作，但如果您重新加载页面，它会中断。

<template>
    <vue-typer text="Why does this break"></vue-typer>
</template>

<script>
import { VueTyper } from 'vue-typer'


  export default {
   components:{
       VueTyper
   }
  }

</script>

我在重新加载时收到“未定义 ReferenceError 文档”。

标签： vue.jsnuxt.js

解决方案

VueTyper 不支持 SSR。有几种解决方法。

1）您可以在 spa 模式下运行 nuxt https://nuxtjs.org/api/configuration-mode/

2）您可以使用 no-ssr 标签https://nuxtjs.org/api/components-no-ssr/

3）您可以将vueTyper添加为带有ssr的插件：false https://github.com/cngu/vue-typer/issues/1#issuecomment-368987826

module.exports = {
  ...
  plugins: [
    ...
    { src: 'plugins/vue-typer.js', ssr: false}
  ],
  ...
}

也许2和3应该一起使用，我自己没有测试过。

推荐阅读