Angular 2應用程序不能在Apache HTTP服務器上工作

我在htdocs文件夾中的Apache HTTP服務器2.4上覆制了我的Angular 2應用程序，但它不起作用。Angular 2應用程序不能在Apache HTTP服務器上工作

的index.html：

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Angular 2 app</title> 
    <base href="/"> 

    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="icon" type="image/x-icon" href="favicon.ico"> 

</head> 
<body> 
    <app-root>Loading...</app-root> 
</body> 
</html>

如果我嘗試在瀏覽器中打開index.html頁，我在瀏覽器中看到只有文本「正在加載......」。 Angular 2應用程序未顯示。

我該如何解決這個問題？

它適用於我的本地環境，我正在使用Angular CLI。我需要找到一種方法使其在Apache HTTP Server 2.4上運行。我必須在本地做的唯一事情就是運行「npm start」。

問候

亞歷

來源

2017-01-20 Alexandru

您是否使用angular-cli在本地提供服務？ – MikeOne

是的，我在本地使用angular-cli。我在本地做的唯一事情就是運行「npm start」。 – Alexandru

你需要，如果你打算在遠程服務器上運行你的應用程序創建構建。使用'ng build'命令（首先停止npm start）。 ng build會在您的項目的'dist'文件夾中創建一個可分發的版本。您可以將此文件夾的內容複製到遠程服務器。

來源

2017-01-20 15:51:40 MikeOne

首先，在你的開發環境在安裝角CLI（如果尚未完成）

npm install -g angular-cli

運行這個命令來構建項目

ng build -prod

副本的DIST版/粘貼的內容dist文件夾插入本地（或在線）apache服務器的根目錄

來源

2017-01-20 17:59:46 mickdev

這與我的回答有什麼不同？ – MikeOne

我的答案只是提供更多的細節，因爲@亞歷山大似乎是在角度世界中的新。 – mickdev

您只需要在基址中添加一個點href <base href="./">

來源

2017-03-14 15:27:51 SuperGirl

適合我！謝謝 –

也適用於我 –

Angular 2應用程序不能在Apache HTTP服務器上工作

回答

相關問題