Backbone.js 在回退中哈希后斜线 - 历史推送状态

Question

我正在使用 Backbone.js 的路由。 它为这样的浏览器生成网址：

http://my-app.com/help

对于 Internet Explorer（IE10 除外）和旧的非 HTML5 浏览器：

http://my-app.com/#help

如何配置 Backbone.js 以生成带有附加斜杠的后备网址，如下所示？：

http://my-app.com/#/help

Answer 1

我知道这有点旧，但由于接受的答案不再适用于较新版本的 Backbone，我想我会分享我的发现。

我找到了一种方法让它在 IE8 和 Chrome 中工作（没有测试任何其他浏览器） - 如果您使用 Backbone.history 进行导航。

如果您在导航调用中使用两个前面的斜杠，它将创建您想要的 Url。

Backbone.history.navigate('//help');

我根本没有改变路线 - 它们不以斜线开头。在那里放一条斜线似乎可以打破它。

我还应该指出，我正在使用带有 Backbone 的 Marionette，因为这也许会有所作为。

我希望这对某人有帮助。

Answer 2

我确实相信您的第二个代码块与第三个代码块完全不同。前面的斜杠是在属性名称上设置的。

routes: {
    "help":                 "help",    // #help
    "search/:query":        "search",  // #search/kiwis
    "search/:query/p:page": "search"   // #search/kiwis/p7
  }

不同于：

routes: {
    "/help":                 "help",    // #/help
    "/search/:query":        "search",  // #/search/kiwis
    "/search/:query/p:page": "search"   // #/search/kiwis/p7
  }

Answer 3

这是一个丑陋的解决方案：覆盖 getHash() 。这是原始代码：

getHash: function(windowOverride) {
  var loc = windowOverride ? windowOverride.location : window.location;
  var match = loc.href.match(/#(.*)$/);
  return match ? match[1] : '';
},

在正则表达式中添加额外的斜杠后，它似乎可以工作：

Backbone.History.prototype.getHash = function(windowOverride) {
  var loc = windowOverride ? windowOverride.location : window.location;
  var match = loc.href.match(/#\/(.*)$/);
  return match ? match[1] : '';
}

在此之后导航可能无法工作，但它可能可以通过类似的黑客修复。