我使用S3托管一个javascript应用程序，将使用HTML5 pushStates。问题是，如果用户书签了任何url，它将不会解析为任何东西。我需要的是能够接受所有url请求，并在我的S3桶中提供根index.html，而不仅仅是进行完全重定向。然后我的javascript应用程序可以解析URL并提供适当的页面。
有没有办法告诉S3为所有URL请求服务index.html，而不是做重定向?这类似于通过提供一个index.html来设置apache来处理所有传入的请求，如本例中的https://stackoverflow.com/a/10647521/1762614。我真的希望避免仅仅为了处理这些路由而运行web服务器。从S3执行所有操作非常有吸引力。
当前回答
这里没有提到的解决方案是使用CloudFront函数在查看器请求时将请求URI重写为index.html:
function handler(event) {
var request = event.request;
request.uri = '/index.html';
return request;
}
其他回答
转到你的桶的静态网站托管设置 设置“Error document”为index.html。
我自己也在寻找答案。S3似乎只支持重定向，你不能只是重写URL并无声地返回一个不同的资源。我正在考虑使用我的构建脚本在所有需要的路径位置简单地复制index.html。也许这对你也有用。
我做到这一点的方法如下:
在域的S3控制台的“编辑重定向规则”部分中，添加以下规则:
<RoutingRules>
<RoutingRule>
<Condition>
<HttpErrorCodeReturnedEquals>404</HttpErrorCodeReturnedEquals>
</Condition>
<Redirect>
<HostName>yourdomainname.com</HostName>
<ReplaceKeyPrefixWith>#!/</ReplaceKeyPrefixWith>
</Redirect>
</RoutingRule>
</RoutingRules>
这将导致404错误的所有路径重定向到根域，并显示路径的散列版本。所以http://yourdomainname.com/posts将重定向到http://yourdomainname.com/#!如果/posts上没有文件。
然而，要使用HTML5的pushState，我们需要接受这个请求，并根据散列路径手动建立正确的pushState。所以把这个添加到index.html文件的顶部:
<script>
history.pushState({}, "entry page", location.hash.substring(1));
</script>
这将获取散列并将其转换为HTML5 pushState。从这一点开始，你可以使用pushStates在你的应用程序中拥有非哈希键路径。
这里没有提到的解决方案是使用CloudFront函数在查看器请求时将请求URI重写为index.html:
function handler(event) {
var request = event.request;
request.uri = '/index.html';
return request;
}
我今天遇到了同样的问题，但是@Mark-Nutter的解决方案不完整，无法从我的angularjs应用程序中删除hashbang。
事实上，你必须去编辑权限，点击添加更多权限，然后在你的桶中添加正确的列表给每个人。通过此配置，AWS S3现在将能够返回404错误，然后重定向规则将正确地捕获这种情况。
就像这样:
然后你可以去编辑重定向规则并添加这个规则:
<RoutingRules>
<RoutingRule>
<Condition>
<HttpErrorCodeReturnedEquals>404</HttpErrorCodeReturnedEquals>
</Condition>
<Redirect>
<HostName>subdomain.domain.fr</HostName>
<ReplaceKeyPrefixWith>#!/</ReplaceKeyPrefixWith>
</Redirect>
</RoutingRule>
</RoutingRules>
在这里，您可以将HostName subdomain.domain.fr替换为您的域和KeyPrefix #!/如果你不使用hashbang方法用于SEO目的。
当然，只有在你的angular应用中已经设置了html5mode，所有这些才会起作用。
$locationProvider.html5Mode(true).hashPrefix('!');
