JWTの実装がangul jsで動作していません

Question

私のJLSアプリケーションでJWTを実装しました。私はすべてのhttp機能を持つjwt認証キーを追加しました。私のコード：

angular.module('IttadishopServices', []) 
    .config(function Config($httpProvider, jwtInterceptorProvider) { 
     jwtInterceptorProvider.tokenGetter = function (User) { 
      var jwt = localStorage.getItem('id_token'); 
      if (localStorage.getItem("id_token") === null) { 
       User.generateToken().success(function (data) { 
        localStorage.setItem('id_token', data); 
        return data; 
       }); 

      } else { 
       return jwt; 
      } 
     } 
     $httpProvider.interceptors.push('jwtInterceptor'); 

    }); 

問題は、認証キーがヘッダーに追加されているという問題です。各要求はサーバーに2回送信されます。私はその認証キーをさまざまな方法で追加しようとしましたが、各要求がサーバーに2回、認証キーを含む1つの要求と認証キーのない別の要求を送信するたびに追加しました。コンソールのスクリーンショットを追加しました。

Console image for duplicate request

Answer 1

問題は、あなたがあなたのintercepterで約束を返すされていない、あなたはそのインターセプタで非同期関数を使用していることです。 $ qにasynch関数をラップして約束を返すと、リクエストを2回送信するという問題が解決されます。非同期関数が完了するのを待つことなく（キーなし）、かつUser.generateToken（）の約束が解決されると一度。ラッピング：

angular.module('IttadishopServices', []) 
    .config(function Config($httpProvider, jwtInterceptorProvider) { 
     jwtInterceptorProvider.tokenGetter = function (User) { 
      var jwt = localStorage.getItem('id_token'); 
      if (localStorage.getItem("id_token") === null) { 
       var deferred = $q.defer(); 
       User.generateToken().success(function (data) { 
        localStorage.setItem('id_token', data); 
        deferred.resolve(data); 
       }); 
       return deferred.promise; 
      } else { 
       return jwt; 
      } 
     } 
     $httpProvider.interceptors.push('jwtInterceptor'); 
    }); 

しかし、その機能を工場ではなく、configブロックで定義するべきではありません。

出典： http://www.webdeveasy.com/interceptors-in-angularjs-and-useful-examples/