在页面刷新时使用Angular JS UI.Router html5Mode（true）配置Amazon S3静态站点

Question

<RoutingRules>
    <RoutingRule>
        <Condition>
            <HttpErrorCodeReturnedEquals>404</HttpErrorCodeReturnedEquals >
        </Condition>
        <Redirect>
             <HostName>[[ your application's domain name ]]</HostName>
             <ReplaceKeyPrefixWith>#/</ReplaceKeyPrefixWith>
        </Redirect>
    </RoutingRule>
</RoutingRules>

有什么建议吗？

Answer 1

在常见问题中，他们重写了几乎所有内容来为index.html页面服务。对于HTML5回退模式，您需要使用#！/(hashbang)。

您可以更改以下内容：

  <ReplaceKeyPrefixWith>#/</ReplaceKeyPrefixWith>

与

  <ReplaceKeyPrefixWith>#!/</ReplaceKeyPrefixWith>

angular.module(...)

...

.config(function($locationProvider) {
  $locationProvider.html5Mode(true).hashPrefix('!');
})