2

我在我的角度代码中使用 satellizer 来处理我的本地 api 身份验证。我没有将任何第三方 API 身份验证与我的网站集成，一切都是本地的。我让网站正常工作，如果用户使用无效令牌，系统会将用户重定向到登录页面。如果我需要在用户登录后恢复请求的链接，我该怎么做？

例如。如果用户请求访问'/customer/detail/123'，但用户被重定向到登录页面（/account/login），登录成功后如何将用户重定向回'/customer/detail/ 123'

4

4 回答 4

1

Satellizer 无法帮助您解决这个问题。我也遇到了这个问题并创建了一个服务来处理这个问题。因此，如果用户被重定向到 /login，我会将路径保存在服务中。登录后，通过退出服务重定向到保存的路径。

  1. 使用 ui-router 时，通过监听 '$stateChangeStart' 检测每一个变化。当状态发生变化并且需要登录时，通过从以下位置获取当前路径来保存它：'$location.path()'

  2. 登录后，设置路径为 $location.path();

希望这可以帮助。刘维

于 2015-03-16T18:52:52.313 回答
1

我在我的项目中做同样的事情。检查这个。

$rootScope.$on('$stateChangeStart', function(event, next, current) {

    if(next.name != 'user_login' && next.name != 'user_register')
    {
        // I am using localStorage module but you can do the same 
        // using your way of storing values to localstorage
        localStorageService.set('redirect_back_path', next.name);
        localStorageService.set('redirect_back_path_params', current);
    }
});

在这里，我存储了两个值，redirect_back_path用于在每个请求redirect_back_path_params上存储当前请求的状态名称，并存储此当前请求具有的参数，“如示例中的 123”。

我不知道为什么 Angular 会将即将到来的请求的参数保存到current对象。也许其他人可以在这里回答。

好的，现在您需要做的是，登录后检查是否有任何值redirect_back_path，如果是，

$state.go(localStorageService.get('redirect_back_path'), localStorageService.get('redirect_back_path_params');

否则只需转到任何其他默认页面。

希望这可以帮助。

于 2015-12-28T02:42:35.000 回答
0

我遇到了与 satellizer 相同的问题

由于 ui-router 1.0.0-alpha1，不再支持 $stateChangeStart 和此类事件：https ://github.com/angular-ui/ui-router/issues/2655

我正在使用以下内容，并且运行良好：

satellizer 0.15.5，ui-router 1.0.0-beta.3，角度 1.6.1

app.run(['$transitions', '$state', '$auth', 'CommonService', function ($transitions, $state, $auth, CommonService) {
    $transitions.onStart({}, function (transition) {
        var state = transition.to();
        if (state.resolve && state.resolve.loginRequired && !$auth.isAuthenticated())
        {
            CommonService.RedirectState = state.name;
            return $state.target('login');
        }
        else if (CommonService.RedirectState && $auth.isAuthenticated())
        {
            var target = $state.target(CommonService.RedirectState);
            CommonService.RedirectState = null;
            return target;
        }
    });
}]).service('CommonService', [ 
    function ()
    {
        this.RedirectState = null;
    }]);

当用户询问受限（解析：loginRequired）状态并且未通过身份验证时，我们将状态存储在服务中并将他重定向到“登录”状态。

稍后当用户通过身份验证并且我们发现服务中有一个'RedirectState'（即使默认情况下satellizer重定向到'/'），我们只需将用户重定向到'CommonService.RedirectState'并删除服务中的引用. 不需要 localstorage /other 模块。卫星发射器默认配置未进行任何更改。我只是在路由配置之后添加了这个。

于 2017-01-04T05:47:45.260 回答
0

基于 DavidT，我改为使用原始参数重定向：

app.run(['$transitions', '$state', '$auth', 'CommonService', function ($transitions, $state, $auth, CommonService) {
    $transitions.onStart({}, function (transition) {
        var state = transition.to();
        var para = transition.targetState();
        if (state.resolve && state.resolve.loginRequired && !$auth.isAuthenticated())
        {
            CommonService.RedirectState = state.name;
            CommonService.RedirectParams = para;
            return $state.target('login');
        }
        else if (CommonService.RedirectState && $auth.isAuthenticated())
        {
            var target = $state.target(CommonService.RedirectState, CommonService.RedirectParams._params);
            CommonService.RedirectState = null;
            CommonService.RedirectParams = null;
            return target;
        }
    });
}]).service('CommonService', [ 
    function ()
    {
        this.RedirectState = null;
        this.RedirectParams = null;
    }]);
于 2017-11-30T03:54:03.403 回答