javascript - Angularjs 身份验证问题

Question

我正在尝试在我的 angularjs 应用程序中实现基于 JWT 的身份验证。但我正在努力解决请求 header 问题。问题是我有一个调用服务的 Controller ，并且这个 Controller 返回一个 token 。这一步效果很好。

'use strict';

angular.module("home.controllers", ['home.services', 'ngStorage'])

.controller('HomeController', ['$scope', '$location', '$http', '$localStorage', 'HomeService',
function($scope, $location, $http, $localStorage, HomeService) {


    function login(user, password) {

        HomeService.login(user, password).then(

            function(loginResult) {
                var token = loginResult.token;

                if (loged()) {
                    $localStorage.token = token;
                    $http.defaults.headers.common.Authorization = 'Bearer ' + token;
                    console.log($location.path('secure/index'));
                    $location.path('secure/index');
                }
            },

            function(err) {
                console.error(err);
            }
        );
    }

    function loged() {
        return $scope.token !== null;
    }

    return {

        loged: function() {
            return loged();
        },

        login: function(user, password)) {
        return login(user, password)
    }
};

}]);

但问题是，我想在登录到“secure/index”后使用请求中的“Authentication” header 将用户重定向，因为我有一个 Spring 过滤器检查所有“*/secure”路径是否具有该 header .

主要的app.js如下

'use strict';

angular.module("home", ['ui.router', 'home.controllers', 'urlLanguageStorage', 'pascalprecht.translate', 'ui.bootstrap', 'ngStorage'])

.config(['$stateProvider', '$translateProvider', '$urlRouterProvider',
    function($stateProvider, $translateProvider, $urlRouterProvider) {

        $translateProvider.useUrlLoader("home/mensajes");
        $translateProvider.useStorage("UrlLanguageStorage");
        $translateProvider.preferredLanguage("en");
        $translateProvider.fallbackLanguage("en");

        $stateProvider
            .state("home", {
                url: "/",
                templateUrl: "resources/js/home/views/home/home.html",
                controller: "HomeController"
            });

        $stateProvider
            .state("contacto", {
                url: "/contacto",
                templateUrl: "resources/js/home/views/contact/contac.html",
                controller: "HomeController"
            });
    }
])

.run(['$localStorage', '$http', function($localStorage, $http) {

    if ($localStorage.token) {
        $http.defaults.headers.common.Authorization = 'Bearer ' + $localStorage.token;
    }
}]);

问题是它不会重定向页面。我尝试使用 $window.href 而不是 $location，它成功重定向页面，但请求中没有 auth header 。

对此有什么想法/建议吗？请注意，我是 Angularjs 的初学者，所以可能还有更多错误。

提前致谢

Answer 1

看起来，一旦您获得了 token ，您就会使用 $location.path('secure/index'); 重定向到 secure/index。但是，您的示例代码没有显示映射到 secure/index 的状态。