在S3上有角，刷新会导致“ AccessDenied”响应

Question

我有一个angular 5应用程序-我一直在本地运行，让它与heroku上的nodjs服务器一起运行很好，但是当我将它放在S3存储桶中，在云层后面并按下刷新按钮时，我得到了这个。 / p>

This XML file does not appear to have any style information associated with it. The document tree is shown below.
<Error>
<Code>AccessDenied</Code>
<Message>Access Denied</Message>
<RequestId>217...1C</RequestId>
<HostId>
yu2de...dr0=
</HostId>
</Error>

有什么建议吗？

Answer 1

您需要配置Cloudfront来处理路由，以便将所有路由重定向到index.html

看看this了解更多信息

Answer 2

如果您要在DEV中进行简单的HTML S3网站测试，并使用默认分配的域（而不是使用Cloudfront），请将错误页面设置为与起始页面相同（index.html）。然后，刷新页面后，它会以相同的路线重新加载，就像不是SPA的传统网站一样。