2016-11-28 98 views
6

我是AngularJS 2框架中的新成員,我被卡住了!我如何在Tomcat服務器上部署Angular 2應用程序(Windows Server 2012)

我想在Windows Server 2012上部署應用程序(例如快速入門)。我已經在其上安裝了Apache Tomcat。 我做了什麼: 爲了生成dist文件夾(輸出:index.html &捆綁文件),我使用了命令npm build(帶和不帶「-prod」),然後將它放到tomcat的'webapps'文件夾中,然後我嘗試使用我的瀏覽器訪問該頁面,索引頁顯示「正在加載...」!我認爲角度不工作...

我試圖在服務器上安裝NodeJs,然後生成一個簡單的項目(npm install -g angular-cli)並在服務器上運行它..它工作在本地主機上(服務器),但在我的機器上使用「IP_of_sv:端口」鉻給我一個錯誤「ERR_CONNECTION_REFUSED」!

請你幫我解釋一下簡單的解釋嗎?

預先感謝您!

回答

1

我已經找到了解決辦法:

我必須插入正確的路徑包文件

我改變了考試! SRC = 「inline.bundle.js」

到:從PLE索引文件的src attribut SRC = 「DIST/inline.bundle.js」

剛剛添加的DIST FOLDEEEEEER!哈哈 謝謝您運行碼爲您的幫助!

2

只需使用任何構建任務構建它(開發包將包含一些源映射,並且不必擔心服務器上有節點,因爲節點僅用於開發工具,那麼只需複製所有文件在dist文件夾中查看index.html,並確保對各種腳本的引用是正確的。應用程序需要運行的唯一一件事是索引中的腳本,不需要節點

+1

謝謝你的回答。 我仍然有問題! 我使用ng build來生成dist文件夾, [我檢查了所有腳本的格式是否正確,就像你告訴我的一樣! ] [1] 但在瀏覽器中,我收到了404錯誤消息: [找不到包文件!] [2] 我已經使用了一些組合..(創建一個新的文件夾「test/x.js」,將路徑改爲dist/test/x.js,但沒有結果!) 預先感謝您的幫助! [1]:https://i.stack.imgur.com/DP3nF.png [2]:https://i.stack.imgur.com/haflx.png – altd

3

可以在的index.html改變一個地方: <基本href =「/」 >
製造基地的href是你的相對路徑形式的webapps文件夾中的tomcat到包含索引的文件夾.html的角度應用程序。

在你的情況下,將其更改爲: <基地HREF = 「./ DIST」 需要>
沒有其他變化。

11

如果您正在使用angular-cli命令來創建角度2項目,那麼cli已經給出了一些命令來將您的應用程序部署到生產環境中。在您的項目目錄中使用如ng build --prod的命令,它會在您的目錄中生成dist文件夾。enter image description here

轉到裏面dist文件夾並更改基地href像href =「。」 index.html中的。在tomcat根目錄下複製dist文件夾並運行服務器。 enter image description here。你可以在下面看到我們在tomcat服務器上運行的應用程序的截圖。 enter image description here

+1

它可以無縫工作。但有沒有什麼辦法,以便我不需要更改index.html中的href值 –

+0

傳遞它像ng build --base-href =/BaseRef / –

相關問題