Question

我正在使用骨干作为当前项目。我想知道是否可以在没有哈希#的情况下进行路由，就像davis.js一样。

谢谢！

Answer 1

您需要启用pushState

Backbone.history.start({pushState: true})

http://backbonejs.org/#Router

http://backbonejs.org/#History

编辑：如评论中所述，这仅适用于支持pushState的浏览器，不支持的浏览器将退回到哈希方法。没有真正的解决方法，您可以启用现代浏览器并退回或仅使用所有浏览器的哈希值。

Answer 2

Backbone Boilerplate有一个很好的助手，可以使用pushstate。我有时想绕过路由器时使用它。

// Trigger the initial route and enable HTML5 History API support, set the
// root folder to '/' by default.  Change in app.js.
Backbone.history.start({ pushState: true, root: app.root });

// All navigation that is relative should be passed through the navigate
// method, to be processed by the router. If the link has a `data-bypass`
// attribute, bypass the delegation completely.
$(document).on("click", "a[href]:not([data-bypass])", function(evt) {
  // Get the absolute anchor href.
  var href = { prop: $(this).prop("href"), attr: $(this).attr("href") };
  // Get the absolute root.
  var root = location.protocol + "//" + location.host + app.root;

  // Ensure the root is part of the anchor href, meaning it's relative.
  if (href.prop.slice(0, root.length) === root) {
    // Stop the default event to ensure the link will not cause a page
    // refresh.
    evt.preventDefault();

    // `Backbone.history.navigate` is sufficient for all Routers and will
    // trigger the correct events. The Router's internal `navigate` method
    // calls this anyways.  The fragment is sliced from the root.
    Backbone.history.navigate(href.attr, true);
  }
});

没有哈希的骨干路由？

2 个答案: