S3虚拟主机，用于带pushState的骨干.js应用程序

Question

我正在使用自定义域名在Amazon S3上托管Backbone应用程序。 骨干应用路由器处理根（'/'）下的所有路由。 我想使用pushState，因此在我的应用程序路由上不需要＃前缀。 基本上，我希望所有子路由都由S3路由到域根，然后让Backbone完成其余的工作。

我添加了以下规则：

<RoutingRules>
  <RoutingRule>
    <Condition>
    <HttpErrorCodeReturnedEquals>404</HttpErrorCodeReturnedEquals >
     </Condition>
    <Redirect>
      <HostName>mydomain.com</HostName>
      <ReplaceKeyPrefixWith>#</ReplaceKeyPrefixWith>
    </Redirect>
  </RoutingRule>
</RoutingRules>

但这只会在所有子路由中添加＃号前缀。 我想避免这种情况。

如何在S3存储桶上设置重定向规则，以将所有内容路由到索引文档而无需添加＃？

Answer 1

使用存储桶URL代替您的域URL：

<HostName>BUCKET_NAME.s3-website-ap-northeast-1.amazonaws.com</HostName>

还请检查您的锚链接在URL <a href="#home">Home</a>没有＃，而是具有如下链接：

<a href="/home">Home</a>
<a href="/about">About</a>

然后使用jQuery，您可以导航到路由器的链接

$(document).on('click', 'a[href^="/"]', function (e) {
    e.preventDefault();
    var href = $(e.currentTarget).attr('href');
    Backbone.history.navigate(href, { trigger: true });
});