問題タブ [axon]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

522 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
1 に答える
2598 参照

angular - JHipster: マイクロサービスへの API 呼び出しを行うときに 401 Unauthorized を受け取る

現在、Jhipster を使用して次のコンポーネントを生成しています。

  • UAA - 認証サーバー
  • API ゲートウェイ
  • マイクロサービス - Product1
  • サービス ディスカバリ - 領事

その他のコンポーネント:

  • カスタム フロントエンド (Angular 4) - 別のプロジェクトで

また、カスタム フロントエンドは、標準の Jhipster Api Gateway にある Jhipster angular 4 コードを使用していることにも注意してください。これには、customHttpProvider が含まれます。

含まれているクラスは、以下の画像で確認できます。 ここに画像の説明を入力

現時点では、このセットアップで正常にログインし、UAA で API を呼び出すことができますが、Product で API を呼び出そうとすると、たとえば Post to Product1/api/zcdのように401 Unauthorizedが返されます。

サービスはすべて Consul で表示され、緑色で表示されます。また、Gateway には、UAA と Product1 の両方が登録済みで使用可能なルートとして含まれています。

ここに画像の説明を入力

これまでのところ、Product への API 呼び出しを行ったときに AuthInterceptor が呼び出されているようには見えないことがわかりました。メソッドに jwt トークンを手動で追加してみましたが、これで問題は解決しましたが、リクエストをインターセプトしてトークンを追加するために customHttpProvider が使用されていない理由がわかりません。

以下の私の ProductService は、示されているようにトークンを手動で挿入すると機能しますが、これは明らかに正しい方法ではありません。


12345678910