nuxt SSR应用使用vue-infinite-scroll: error: document is not defined

情景 case

代码链接, ant-design-vue官方实例没有使用SSR所以正常运行

解决方案 Solve

由于是服务端渲染，并不理解document, window这类浏览器对象。
因为是nuxt.js的出使用者，对配置都还不熟悉，所以会出现这种问题。

• 在前端项目目录的plugins里添加 vue-infinite-scroll.js

  import Vue from 'vue';
  import infiniteScroll from 'vue-infinite-scroll';
  
  export default () => {
    Vue.use(infiniteScroll)
  }
  

• nuxt.config.js

 plugins: [{
    src: '~plugins/vue-infinite-scroll',  // vue-infinite-scroll名字和js文件名字对应就行
    ssr: false // 只在client被打包引用
  }],

然后用的时候直接用就行，不用import