Question

为了触发在执行路由回调之前触发的事件，我使用以下插件：

https://github.com/boazsender/backbone.routefilter

这很有效。
但是，我想在检查用户当前是否在后端进行身份验证后，将用户重定向到某个路由（触发器设置为true）。

我目前正在使用Ajax请求执行此操作，但显然这给我带来了麻烦在下面的代码中，ajax回调只会在＆＃39; home＆＃39;之后被触发。来自路由器的回叫已经执行（或任何其他路由）我怎么能这样做？

我有以下代码：

var Router = Backbone.Router.extend({ 

    /* --- 1. Route management --- */ 

    routes: { 
        '': 'landing_page', 
        '(/)login': 'login', 
        '(/)home': 'home', 
        '*actions': 'defaultAction', 
        }, 
    before: function(route, params) { 
        var getAuthStatus = APP.controllers.auth_controller.isLogged(); 
        var self = this; 

        $.when(getAuthStatus).then(function(response){ 
            var auth_status = Object.keys(response.success)[0]; 
            if(auth_status === 'guest'){ 
                console.log(auth_status); 
                self.navigate("login", {trigger: true}); 
            } 
        }); 
    }
});

ajax请求：

Auth_controller.prototype.isLogged = function(){ 
    //Check if the user is authenticated 
    var getAuthStatus = this.auth_model.fetch(); 
    return getAuthStatus; 
};

修改：＆＃39;返回false＆＃39;在＆＃39;之前＆＃39;方法将停止执行回调，但在这种情况下，＆＃39; login＆＃39;路线也不会被触发。这不是目的。

Answer 1

我找到了我需要的插件：

https://github.com/fantactuka/backbone-route-filter

此插件允许在路由被命中之前创建/接收Ajax请求/响应。

在路由器中：

    routes: { 
        '': 'landing_page', 
        '(/)login': 'login', 
        '(/)home': 'home', 
        }, 
    /*--- Before filter checks authentication (BB async router plugin) ---*/
    before: { 
        '(/)login': 'redirect_auth', 
        '(/)home': 'redirect_auth', 
        '(/)users/create_role': 'redirect_auth' 
    }, 
    /*--- Checks if the user is logged in and redirects ---*/
    redirect_auth: function(fragment, args, next) { 
        APP.controllers.auth_controller.redirect(fragment, args, next); 
    }

重定向逻辑在auth_controller对象中实现：

/*--- Check if the user is logged ---*/ 
/*--- PHP REST Show (GET) ---*/ 
Auth_controller.prototype.isLogged = function(){ 
    //Check if the user is authenticated 
    var getAuthStatus = this.auth_model.fetch(); 
    return getAuthStatus; 
}; 

/*--- Redirect the user based on auth status (before -> route) ---*/
Auth_controller.prototype.redirect = function(fragment, args, next){ 
    var getAuthStatus = this.isLogged(); 
    var self = this; 

    $.when(getAuthStatus).then(function(response){ 
        var auth_status = Object.keys(response.success)[0]; 
        if(auth_status === 'guest'){ 
            if(fragment === 'login'){
                next(); 
            }else{ 
                APP.router.navigate("login", {trigger: true});                         
            } 
        } else { 
            var sidebars_controller = new Sidebars_controller(); 

            APP.user = response.success["auth"]; 
            if(fragment === 'login'){ 
                APP.router.navigate("home", {trigger: true});                         
            }else{ 
                next(); 
            }
        } 
    })        
};

骨干路由器：身份验证重定向

1 个答案: