Angular and cloudfront with Safari
Angular on AWS (Cloudfront/S3) for Safari
I figured out that you need to use https in order Safari to refresh correctly. You can tell S3 to redirect to https protocol and the problem gets solved:
<Redirect> <Protocol>https</Protocol> <HostName>test.example.com</HostName> <ReplaceKeyPrefixWith>#!/</ReplaceKeyPrefixWith></Redirect>
I had this problem a ton but not this specific issue. Safari which affects desktop and mobile/tablet devices does have this quirk. In many instances I was able to change it to a query parameter when I know it is going to be going through a redirect. It is a frustrating issue that has been going on for months.