このプロジェクトに JWT トークンを実装しようとしています。そのために、$resource
このように で Authorization ヘッダーを使用しました。
UI状態「A」でログインすると、ログイン後、トークンをlocalStorageに入れます
$localStorage.token = data.token;
ページの UI 状態「B」に移動すると、次のサービスが使用され、トークンなしでリクエストが送信されます。ただし、ページを更新すると、トークンを使用して同じ要求が送信されます。
angular.module('BlurAdmin')
.factory('valueService', ['Token','$localStorage','$resource', 'endpoint', function(Token,$localStorage, $resource, endpoint) {
return {
getValues: $resource(endpoint + '/admin/getvalues', null, {
'get': {
method: 'GET',
headers:{'Authorization':'Bearer '+$localStorage.token}
}
}),
}
}]);
$localStorage.token
サービスは最初に値を保存し、状態が変化してもそれを使用すると思います。ただし、ページがリロードされると、$localStorage.token
値が再び取得されます。
$localStorage.token
UI の状態が変化するたびに、このサービスに強制的に値を取得させるにはどうすればよいですか?
前もって感謝します!