具有多页应用程序的 Backbone.js 路由器？

Question

我正在尝试将主干.js 路由器与多页应用程序一起使用。 路由器可以正常使用默认路由，即 localhost，例如 "http://localhost:35970/" 或 www.myhompage.com" 但我想在具有以下路径的页面上使用骨干路由器：

"http://localhost:35970/customer/index"

让主干路由看起来像这样"

"http://localhost:35970/customer/index#create"

但它似乎不能以这种方式工作，我是否缺少任何东西让它在这样的路径上工作？

这是我的代码，谢谢：

 var Router = Backbone.Router.extend({

        routes: {
            "Contact/Create": "create"

        },
        create: function () {
            alert('router test');
        }
    });

//编辑

谢谢大家，这就是我所缺少的

root: "/customer/index/"

所以

Backbone.history.start({     pushState: true,     root: "/customer/index/" })

我在没有指定根路径不是默认路径的情况下启动了历史记录

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

因此问题。

Answer 1

来自 Backbone 文档：

如果您的应用程序不是从您的根 url / 域，一定要告诉历史根的真正位置，作为 选项：Backbone.history.start({pushState: true, root: "/public/search/"})

所以你应该定义 url 的哪一部分是根。在你的情况下：

Backbone.history.start({ 
    root: "/customer/index/"
})

Answer 2

为了使用你的路由器，你需要创建一个新的对象，所以你可以尝试：

var app_router = new Router();

那么你必须启动它，所以这样做：

Backbone.history.start();

你现在应该可以去你的路线了。

骨干路由器是从路径到功能，所以在你的情况下，如果你去

http://localhost:35970/#Contact/Create

您应该会看到“路由器测试”

Answer 3

你需要定义根路径，即：

Backbone.history.start({
    pushState: true, 
    root: "/customer/index/"
})

参见文档：http://backbonejs.org/#Router