角4搜索引擎友好的解決方案在產品

Question

我想在角4創建一個網站。它是我個人學習的基礎。

My website已啓動並正在運行，但我正在嘗試改進它。我查了一下，顯然我的網站不是SEO友好的。我做了一些修改，並且發現了這個示例https://oliverveits.wordpress.com/2017/07/05/server-side-rendering-in-angular-4-with-universal/這顯示了帶有Page Source代碼的Angular 4應用程序。

我做了更改，我開始使用Webpack和鏈接中加入的其他功能。當我運行命令「npm run start」並訪問http://localhost:8000時，我可以看到Page Source。但是當我將dist複製到Godaddy域的服務器時，我不能。

我不知道我必須做什麼。如果我需要將我的網站放在node.js服務器中，或者如果我沒有正確編譯它以獲得我期望的內容。

我接受不同的方法。

Answer 1

好吧，我找到了導致這個問題的原因。

我認爲許多新的Angular devs可能有同樣的問題。

當你運行「故宮開始」或「NG小號」你在做的是把節點偵聽特定端口。換句話說，你正在運行一個節點服務器。

在另一種方法中，將文件複製到IIS服務器或Apache服務器。這不會使節點服務器運行。在這種情況下，頁面下載到客戶端瀏覽器並以HTML/JavaScript頁面運行。正因爲如此，當我嘗試查看頁面源時，我看到了Angular文件。

花了我一段時間去了解它。我的背景是.Net的發展。

現在每天我的網站都運行在許多node.js服務器之一中。 evennode.com，在這個服務器上，而不是有一個IIS或Apache，他們建立一個節點服務器列出一個特定的端口，然後你就可以在服務器端運行你所有的開發。

我發現更容易使用像evennode這樣的節點js服務器，它們設置tup節點js在我的Goddady帳戶上運行。