vue ssr 組件使用document 、window對象 加載問題

解決方法：

            <template>
              <div>
                <Loading></Loading>
              </div>
            </template>

            <script type="text/babel">
              export default {
                data(){
                  return {
                        }
                },
                beforeMount() {
                  // 只會在瀏覽器執行  
                  this.$options.components.Loading = () =>import('vue-loading');
                },
                mounted(){
                }
              }
            </script>

使用beforeMount 函數去加載組件，這樣組件在服務端就不會渲染，組件還可以配合v-if去控制組件的渲染

參考文章