要部署Angular应用到S3并确保更改生效,可以按照以下步骤进行操作:
确保已经安装了AWS CLI,并通过aws configure
命令配置了AWS凭证。
在Angular应用的根目录中,使用以下命令构建应用:
ng build --prod
这将在dist/
目录下生成编译后的应用代码。
aws s3 sync dist/ s3://your-bucket-name
替换your-bucket-name
为你的S3桶名称。
aws s3 sync dist/ s3://your-bucket-name --delete
这将删除S3桶中与本地dist/
目录不匹配的文件。
确保你的S3桶已经配置了正确的静态网站托管选项。在S3控制台中,转到桶的“属性”选项卡,然后选择“静态网站托管”。在“索引文档”中输入index.html
。
检查你的Angular应用是否使用了基于路由的导航。如果是的话,你需要在S3桶的“属性”选项卡中配置重定向规则。在“重定向规则”下添加以下XML配置:
404
your-bucket-name.s3-website-your-region.amazonaws.com
确保将your-bucket-name
替换为你的S3桶名称,并将your-region
替换为你的AWS区域。
上一篇:部署Angular应用