vue ssr 若干问题整理(基于easywebpack)
先做个快速记录吧。 等有空再来详细修改。
基于egg+vue+vuex 的ssr实现。
1、 通过组件套娃的方式实现 title keywords 等的设定。待优化 spa方式下不变化问题
2、对于依赖window 或者document等的组件,采用异步加载组件方式(不通过服务端渲染),网上也有另外一种解决方案,通过jsdom 来模拟服务端的window等对象,可以参考掘金:https://juejin.im/post/6844904144562552846
异步加载组件的方式,可以看官方文档,通过v-bind:is 实现。参考:https://cn.vuejs.org/v2/guide/components-dynamic-async.html
对于组件内部的内容,通过 const xxx =require('xxx) 在生命周期的 mounted 引入组件。然后再动态加载到对应的容器即可。