使用webpack進行服務器端渲染
[英]server side rendering using webpack
問題描述
我正在使用Reactjs，webpack和page.js（路由）來構建一個webapp。 Webpack給了我一個在客戶端加載的bundle.js。
我發現og Meta標簽如果我在客戶端上加載它們就無法抓取，所以我必須在服務器端實現它（服務器端渲染）。 有沒有辦法實現它？
（我沒有在網上找到關於此的適當文件）。
1 個解決方案
解決方案1
1 2015-08-14 12:53:36
很多人在服務器上使用另一種模板語言渲染html的“shell”（因為只有服務器需要渲染它）。 你不應該使用React使用普通的API在體外渲染東西（已知的問題）。 但是你可以使用renderToStaticMarkup ，我認為這是一種更好的方法，因為你不在服務器上引入另一種模板語言來渲染shell。
當然，這意味着您無法以正常的React方式更新元描述或document.title內容，您只需使用普通的舊JavaScript即可。 或者我建議使用react-helmet （它可以在服務器渲染時修改元和標題）。
我在這里做了一個可能有用的例子 - https://github.com/DominicTobias/universal-react/
使用Express + ReactJS + Webpack 4 2019進行服務器端渲染
[英]Server side rendering with express + ReactJS + Webpack 4 2019
使用熱重載的ReactJS服務器端渲染（webpack-dev-server）
[英]ReactJS server side rendering with hot reloading (webpack-dev-server)
服務器端渲染和React-Router-v4的Webpack 2代碼拆分
[英]Webpack 2 Code Spliting with Server Side Rendering and React-Router-v4
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.