角度布线在CloudFront和S3中不起作用 [英] Angular routing is not working with Cloudfront and S3

问题描述

我在S3上托管了一个角度6网站，并启用了S3网站托管。另外，我前面还有一个CloudFront发行版。 我配置了云前端，以便它将所有内容重定向到index.html，并使用200进行响应。

但是，使用CloudFront只能访问"/"。其他URL(如"/*")未加载。角度载荷"/"，而不是这个。就好像角度只看到"/"一样。

我添加了一些代码来记录传递给角度的url，结果总是"/"。

另外，有些时候"/*"URL甚至不能加载"/"，我在控制台上看到此错误："unauCapt SynaxError：Underful Token<；"。

你们知道这可能是什么原因吗？

S3设置

云端行为：

推荐答案

请查看：how to deploy react and angular apps to S3/Cloudfront

是否已为403(禁用)和404(未找到)响应创建自定义行为？

每次有人请求您的网站，例如，www.yourwebsite.com/routeuri，注意到这个URIrouteuri不存在于您的源(即S3存储桶)中，因此您的源(S3存储桶)将返回403Response(禁止)。因此，您还应该为403状态代码添加自定义错误响应，如下图所示：

还请确保还将index.html作为默认根对象添加到CloudFront和S3 Bucket中，如下图所示：

我强烈建议阅读官方文档，了解CloudFront与Origin的关系。

这篇关于角度布线在CloudFront和S3中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！