如何在Angular Universal項目中添加服務器渲染

Question

請幫助我瞭解如何在Angular Universal中使用服務器渲染。

我做了什麼。我訪問了Angular Universal官方網站。設置Node.js.下載推薦的項目Angular 2 Webpack Starter。 我正在使用Mac，因此請使用「> sudo npm install」來安裝node_modules。 按照建議添加server.js。運行「> node server.js」 - 但它不起作用。

如果我運行「> npm start」服務器在localhost：3000上啓動 - 但似乎沒有服務器渲染。如果我看看HTML頁面，那麼只有Angular的index.html。

我該如何在項目中添加服務器渲染功能？

非常感謝。

Answer 1

簡單的方法是點擊以下鏈接克隆的源代碼，以及如何運行項目 github angular universal

scotch.io

Answer 2

同時閱讀文檔，你可以在此example app（角4.0.0，通用支架看看，Webpack，以及更多一點）https://github.com/ng-seed/universal

肯定會給你或多或少的想法如何讓它運行。

Answer 3

我找到了解決方案。我在github.com/angular/universal-starter的服務器渲染支持下載了一個很好的啓動項目。