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 引入组件。然后再动态加载到对应的容器即可。

 

posted @ 2020-08-24 17:54  前端小小菜  阅读(100)  评论(0编辑  收藏  举报