我使用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);
}
};
}
答案 0 :(得分:1)
现在为时已晚,但我认为此修复可能对其他人有所帮助。
我尝试在$cookiesProvider
中设置Cookie路径,如下所示,
xxApp.config(['$cookiesProvider', function ($cookiesProvider) {
$cookiesProvider.defaults.path = '/';
}]);