angularjs – 使用Angular JS ui.router html5Mode(true)在页面刷新时配置Amazon S3静态站点

前端之家收集整理的这篇文章主要介绍了angularjs – 使用Angular JS ui.router html5Mode(true)在页面刷新时配置Amazon S3静态站点前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何配置Amazon S3静态网页以正确路由Angular ui.router html5Mode路由?在页面刷新时,它将对不存在的文件进行请求,并且角度无法处理.在文档中,他们建议您更改服务器上的URL重写.

https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#how-to-configure-your-server-to-work-with-html5mode

但是,S3是存储,并且不提供相同的重定向选项
我一直在尝试使用内置的重定向规则,如

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

但是,这只是导致重定向循环.

有什么建议么?

Frequently Asked Questions,他们重写几乎所有的东西,以服务于index.html页面.对于 HTML5 fallback mode,您需要使用#!/(hashbang).

你可以改变这个:

<ReplaceKeyPrefixWith>#/</ReplaceKeyPrefixWith>

<ReplaceKeyPrefixWith>#!/</ReplaceKeyPrefixWith>

关于这个答案的更多细节:https://stackoverflow.com/a/16877231/1733117

猜你在找的Angularjs相关文章