在AWS S3上部署Angular 2應用程序

如何在aws s3上部署Angular 2應用程序？我是否需要上傳src文件夾或node_modules？有什麼我需要做我的代碼？

我有aws面板通過瀏覽上傳文件。請幫我繼續。在AWS S3上部署Angular 2應用程序

來源

2016-11-30 Jeeten Parmar

我解決了這個問題。我正在使用href這就是爲什麼它給404錯誤。我用routerLink它解決了我的問題。

來源

2016-12-02 05:03:56

你是直接使用webpack嗎？或者也許Angular CLI？

您將需要生產。上面提到的兩個應該在爲生產構建時創建一個dist文件夾。

src文件夾不包含編譯代碼，所以不是。你不應該上傳node_modules文件夾。

來源

2016-11-30 13:13:06 Tucker

我正在使用'Angular CLI'。你能告訴我幾個步驟嗎？ –

所以在命令Promt（或者你正在使用的）中，你需要運行'ng build --prod'。 – Tucker

完成後，您應該在該項目的根目錄中看到/ dist文件夾。然後，您應該將該文件夾的內容放入主機中。我不確定如何爲AWS S3做到這一點。但也許試試這個[鏈接]（http://docs.aws.amazon.com/mobile/sdkforxamarin/developerguide/s3.html）爲了供您參考，Angular CLI在他們的github上有非常好的文檔，如果向下滾動主頁面。 [鏈接]（https://github.com/angular/angular-cli） – Tucker

任何人看到這個問題 - >看到這個第一：How to bundle an Angular app for production 它基本上說來運行

ng build --prod --aot

之後只需上傳您的DIST文件夾中有「託管靜態網站」啓用在一個S3桶桶的屬性選項卡+給它一個水桶政策，讓每個人都從抓住它類似於：

{ 
"Version": "2012-10-17", 
"Statement": [ 
    { 
     "Sid": "AddPerm", 
     "Effect": "Allow", 
     "Principal": "*", 
     "Action": "s3:GetObject", 
     "Resource": "<your-bucket-arn>/*" 
    } 
] 
}

而且Jeeten帕爾馬的回答讓我太 - 與routerLink的替換HREF的是，我需要另一件事去做。

來源

2017-04-13 02:38:07 canada11

在AWS S3上部署Angular 2應用程序

回答

相關問題