Angular $ cookies不会持续存在

时间:2016-03-11 06:47:55

标签: javascript angularjs cookies interceptor angular-resource

我使用angular $ resource来访问API。在具有自定义登录操作的特定情况下,为了登录用户。

为了在身份验证后保存API提供的令牌,我将拦截器附加到自定义登录操作,这只是通过$ cookies将令牌保存到cookie。

我正在使用拦截器,因为我需要从应用的其他部分保存和更新该Cookie。

问题是cookie似乎不存在。

如果我在保存后检查该值,我可以在那里确认,但是一旦我的$位置发生变化(就像登录后渲染主页一样),cookie就会消失。

有什么想法吗?

谢谢,D。

这是我的登录服务,它使用自定义登录操作和拦截器

(function() {
    'use strict';

    //Login Service
    // Authenticates a user
    angular
    .module('console')
    .factory('LoginService', LoginService);    
        LoginService.$inject = ['$resource', 'Config', 'UserInfoInterceptor'];

            function LoginService($resource, Config, UserInfoInterceptor) {

                return $resource(Config.api_url + '/auth/', {},
                    {
                        login: {
                        method: 'POST',
                        url: Config.api_url + '/auth/login',
                        data: {type: "passwd"},
                        interceptor: UserInfoInterceptor,
                        headers: {
                        "accept": "application/json",
                        "content-Type": "application/json;odata=verbose"
                    }
                }
            });
    }
})();

这里是拦截器(那个console.log,实际上写了cookie值),但是在转到其他位置后就会丢失。

(function() {
  'use strict';

  angular
    .module('console')
    .factory('UserInfoInterceptor', UserInfoInterceptor);
    UserInfoInterceptor.$inject = ['$resource', 'Config', '$q', '$location', '$cookies'];


    function UserInfoInterceptor($resource, Config, $q, $location, $cookies) {    

        return {

                // Save the received token 
                'response': function (response) {

                    var now = new Date();
                    // this will set the expiration to 30 days
                    var exp = new Date(now.getFullYear(), now.getMonth()+1, now.getDate());

                    // Set the cookie
                    $cookies.put('token', response.data.token, {expires: exp});

                    //This actually works!!
                    console.log($cookies.get('token'));

                    return response;
                },

                // Whatever is the failure, throw the user to the login page
                'responseError': function (response) {
                    if (response.status === 401 || response.status === 403) {
                        $location.path('/login');
                    }
                    return $q.reject(response);
                }
            };    
    }

1 个答案:

答案 0 :(得分:1)

现在为时已晚,但我认为此修复可能对其他人有所帮助。

我尝试在$cookiesProvider中设置Cookie路径,如下所示,

xxApp.config(['$cookiesProvider', function ($cookiesProvider) {
     $cookiesProvider.defaults.path = '/'; 
}]);