angularjs – 使用Angular JS ui.router html5Mode(true)在页面

发布时间：2020-12-17 07:41:28 所属栏目：安全来源：网络整理

导读：如何配置Amazon S3静态网页以正确路由Angular ui.router html5Mode路由？在页面刷新时,它将对不存在的文件进行请求,并且角度无法处理.在文档中,他们建议您更改服务器上的URL重写. https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#

如何配置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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!