javascript - 使用 Backbone.js 处理浏览器历史记录

Question

我正在尝试使用 Backbone.js 来处理浏览器历史记录。我没有设置 View /模型，因为我不希望它处理这个问题，可能正因为如此，我无法让它正常工作。

此时我的页面正在更改网址。喜欢:

domain.com/services
domain.com/products
domain.com/contact
domain.com/gallery
domain.com/gallery/photo1

问题是:如果我尝试重新加载位于domain.com/gallery/photo1 的页面。我收到错误 Uncaught SyntaxError: Unexpected token <

仅具有一级永久链接的所有其他页面在重新加载时均可正常工作。我在 Backbone 上遗漏了什么吗？

我只是使用 Backbone.Router 和 Backbone.history。

是否有关于如何使用backbone.js 设置站点的简单教程？只是历史的事情吗？

这是我的脚本:

var Router;
var myRouter;

$(document).ready(function(){
    Router = Backbone.Router.extend({
        initialize : function(options) {
            //
        },
        routes: {
            '' : 'home',
            '*actions' : 'pages'
        },
        home : function() {
            this.render('/');
        },
        pages : function(actions) {
            this.render(actions);
        },
        render : function(path) {
            var fullLine = '';
            path = (path === '/' || path === '')? '/' : path;
            console.log('path: ' + path);
        }
    });

    myRouter = new Router();

    Backbone.emulateHTTP = true;
    Backbone.emulateJSON = true;
    Backbone.history.start({pushState: true, root: "/backbone_teste/"});

    // MENU CLICK
    $('.menu').children('li').each(function(){
        $(this).click(function(){
            myRouter.navigate($(this).attr('data-id'), true, true);
        });
    });
});

感谢您的帮助!

Answer 1

问题已解决:

我刚刚在我的index.php 文件的头部添加了以下代码:

<base href="http://localhost/backbone_teste/" />

而且它有效。

无论如何，我想知道为什么会发生这种情况以及为什么 Backbone.js 文档没有提到这一点。

我在此链接找到了解决方案:HTML5 History / pushState URLs, .htaccess and You

谢谢