問題タブ [ngx-admin]

私は ngx-admin を使用しています。これまでのところ、ダッシュボードに表示される必要なページを作成できましたが、起動時にログイン ページが表示されるように認証モジュールを構成しようとしています。ユーザーとログイン後、ユーザーはダッシュボードページにリダイレクトされますが、認証モジュールは星雲テーマで作成され、すべてのファイルは宣言ファイルです。auth.module.d.tsこれらのファイルにこの d があるため、そこに関数を書き込むことができず、firebase でログインを構成する必要もあります。これまでのところ、起動時にログイン ページを表示できましたが、これらのファイルを構成して通信を開始する必要があります。 firebaseサーバーとログインが機能し始めます。必要なfirebaseパッケージはすでにインストールしています。だから今、サービスを作成する必要がある方法と場所がわかりません ここに私の認証モジュールファイルのいくつかがあります

auth.component.d.ts

login.component.d.ts

auth.service.d.ts

環境.ts

PS 書く必要があるコードが多すぎる場合は、どのように書く必要があるかを説明していただけますが、少しでも私を助けることができれば、それも素晴らしいことです。

新しいアプリに ngx-admin を使用しています。Nebular Auth フレームワークを利用して JWT トークンを使用し、バックエンド REST サーバーへのアクセスを有効にしました。

Postman を使用して API をテストするときに、REST サーバーを正常に認証してアクセスできます。Authorization HTTP ヘッダーを形式のトークンでフォーマットしますJWT <token>。ngx-admin ベースのアプリから API にアクセスする際の問題は、NbAuthJWTInterceptorクラスが Authorization HTTP ヘッダーを形式で提示しているBearer JWT <token>ため、バックエンド API がトークンを抽出できないことです。

NbAuthJWTInterceptorクラスを構成またはオーバーライドして Authorization HTTP ヘッダーを形式で設定するにはどうすればよいですJWT <token>か?

私が使用しているクライアント側で：

• ngx 管理者 3.2.1
• 角度7.2.1
• 星雲/認証 3.4.2

サーバー側では、MongoDB で以下を使用しています。

• 急行 4.6.13
• パスポート 0.4.0
• パスポート-jwt 4.0.0
• jsonwebtoken 8.5.1
• マングース5.1.7

Postman を使用して正常にサインインし、認証トークンを次のようにフォーマットしたトークンを使用して、API へのさまざまな呼び出し (GET、POST、PUT、DELETE) をテストしJWT <token>、要求が認証され、正しいデータが返されました。

同じリクエストがアプリによって提示されたとき、NbAuthJWTInterceptorクラスは認証トークンを次のようにフォーマットするBearer JWT <token>ため、リクエストは「無許可」として拒否されます

REST サーバー側での認証トークンへのアクセスとデコード:

API エンドポイントと HTTP インターセプターを構成して、クライアント エンドに認証トークンを挿入します。