服务端渲染

Question

关于服务端渲染的问题
window.INITIAL__STATE 里面传入的store的value为空

但是网页能够正常显示 也没有报错

在server-render.js 中 asyncBootstrapper()中打印store.TopicStore.topics 的value也为空
因此我怀疑位于 client/views/topic-list/index.jsx 中的 asyncBootstrapper() 没有按照预想的方式执行。

但是我不知道怎样去debug client/views/topic-list/index.jsx 中的 asyncBootstrapper()运行效果 我尝试在里面打印err 也没有err打印出来 单独测试this.props.topicStore.fetchTopics 还有query 发现都没有问题

所以我很费解 问题究竟是出在哪里了。

多谢老师解答！

Answer 1

Jokcy 2019-02-20 22:09:30

你在fetchTopics的then里面打印一下看。window.INITIAL__STATE里面没有但是客户端能显示是正常的，因为客户端会重新发送数据请求

• 提问者 SpicaII #1

  fetchTopics功能是好的  能在服务端打印出resp的数据

• 提问者 SpicaII #2

  而且我很确定之前服务端渲染到渲染material-ui jss的时候都是好的然后在最后打包之前做服务端渲染优化的时候发现源码里面加载不了store里的数据。

• 提问者 SpicaII #3

  还有个问题想请教一下，就是asyncBootstrapper这个插件 在客户端的使用方式。觉得很诡异，因为甚少看到在react里面直接调用function的插件。

点开查看后面2条评论