如何在Backbone.js中使用PushState路由器

Question

我在下面使用路由器

App.Router.PersonRouter = Backbone.Router.extend({
    routes: {
        "": "homepage",
        "/p/:id": "getpost",
        "/p/:id/*file": "download"
    },
    homepage: function () {
        alert("requesting home page");
    },
    getpost: function (id) {
        alert("Requested post with id " + id);
    },
    download: function (id, file) {
        alert("person with id " + id + " is requesting file " + file);
    }
});

并开始尝试在HTML5 pushState中使用HTML5 pushState选项。 通过执行以下操作。因为文件是从index.html文件提供的。 只是使用HTML5 pushstate api时不会显示alerts ，而使用hashbang url时会显示alerts 。

Backbone.history.start({pushState:true,root:"index.html"});

Answer 1

Backbone.history.start的root选项是路径而不是资源。

另外，请确保您杀死了路径中的前导/ ，所以使用"p/:id"代替"/p/:id"可以使您前进。