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

时间:2016-11-30 12:59:19

标签: angular amazon-s3

如何在Angular 2上部署aws s3个应用?我是否只需要上传src文件夹或node_modules?我的代码有什么需要做的吗?

我有aws面板通过浏览上传文件。请帮我继续。

3 个答案:

答案 0 :(得分:6)

其他人看到这个问题 - >首先看到这个: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 Parmar的回答也帮助了我 - 用routerLink替换href是我需要做的另一件事。

答案 1 :(得分:1)

I solved this issue. I was using href that's why It was giving 404 error. I used routerLink and it solved my problem.

答案 2 :(得分:0)

您是否直接使用网络包?或者也许是Angular CLI?

您需要构建生产。当你为生产构建时,上面提到的两个都应该创建一个dist文件夹。

src文件夹不包含已编译的代码,因此不包含。你不应该上传node_modules文件夹。