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

情景 case

代碼鏈接, ant-design-vue官方實例沒有使用SSR所以正常運行

解決方案 Solve

因爲是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