使用webpack进行服务器端渲染

4
我正在使用Reactjs,webpack和page.js(路由)构建Web应用程序。Webpack为我提供了bundle.js,它在客户端上加载。
我发现如果我在客户端加载OG元标记,则无法抓取它们,因此我必须在服务器端实现它们(服务器端呈现)。有没有实现它的方法?
(我在网络上没有找到合适的文档。)

你是如何为你的应用提供服务的? - Sam Ternent
1个回答

1
很多人在服务器上使用另一种模板语言渲染HTML的“壳”(因为只有服务器需要渲染它)。您不应该使用React使用普通API呈现页面之外的内容(已知存在问题)。但是,您可以使用renderToStaticMarkup,我认为这是一种更好的方式,因为您不需要引入另一种模板语言来渲染“壳”。
当然,这意味着您无法以常规React方式更新诸如元描述或document.title之类的内容,您只能使用普通的JavaScript进行操作。或者,我推荐使用react-helmet(它也可以在服务器渲染时修改元数据和标题)。
我在这里做了一个示例,可能会有所帮助 - https://github.com/DominicTobias/universal-react/

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接