在 Linux 服務器上部署 Angular 5 應用程序

Question

我是在 Linux 上部署 angular 應用程序的新手，我曾經在 IIS 上進行過，這非常簡單。 我有一個通過 Putty 訪問的 Linux 服務器。 我想在這台服務器上部署我的 angular 5 應用程序。 到目前為止，我已經執行了以下步驟

運行 ng build --prod

通過pscp將dist文件夾中的文件復制到linux服務器上的文件夾之一

現在，當我嘗試訪問像http://hostname/folderPath/index.html這樣的文件夾時，什么也沒有出現。 我知道我遺漏了一些步驟，任何人都可以幫助我部署應用程序。

Answer 1

只需從index.html中刪除基本標記即可

 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Angular App</title> <base href="/"> Some more code Don't do anything to this

刪除您的代碼后會像這樣

 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Angular App</title> Some more code Don't do anything to this

Answer 2

根據我們的討論，您說您尚未設置 URL 重寫規則。

根據您用於托管應用程序的內容，您需要設置 URL 重寫規則。

查看官方文檔

對於 linux 服務器

阿帕奇：

RewriteEngine On
# If an existing asset or directory is requested go to it as it is
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
RewriteRule ^ - [L]

# If the requested resource doesn't exist, use index.html
RewriteRule ^ /index.html

金克斯：

try_files $uri $uri/ /index.html;

Answer 3

不要刪除“base href”它不起作用這樣做對我有用：

<base href="" />

在 Linux 服務器上部署 Angular 5 應用程序

問題描述

3 個解決方案

解決方案1
1 2018-05-10 14:15:24

解決方案2
1 2018-05-10 14:58:58

解決方案3
0 2020-09-25 19:48:16

在 Linux 服務器上部署 Angular 5 應用程序

問題描述

3 個解決方案

解決方案1 1 2018-05-10 14:15:24

解決方案2 1 2018-05-10 14:58:58

解決方案3 0 2020-09-25 19:48:16

解決方案1
1 2018-05-10 14:15:24

解決方案2
1 2018-05-10 14:58:58

解決方案3
0 2020-09-25 19:48:16