2

私のリクエストを傍受してJWTトークンを追加するためにangular-jwtを使用していますが、それは起こっていないようです。

これは私の角度情報です:

Angular CLI: 6.0.8
Node: 9.11.2
OS: linux x64
Angular: 6.0.6
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.6.8
@angular-devkit/build-angular     0.6.8
@angular-devkit/build-optimizer   0.6.8
@angular-devkit/core              0.6.8
@angular-devkit/schematics        0.6.8
@angular/cli                      6.0.8
@ngtools/webpack                  6.0.8
@schematics/angular               0.6.8
@schematics/update                0.6.8
rxjs                              6.2.1
typescript                        2.7.2
webpack                           4.8.3

これは私のapp.module.tsです：

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    HttpClientModule,
    JwtModule.forRoot({
      config: {
        tokenGetter: tokenGetter,
        whitelistedDomains:['127.0.0.1:8000'],
        blacklistedRoutes: ['127.0.0.1:8000/api/v1/accounts/login/', '127.0.0.1:8000/api/v1/signup/'],
        authScheme: 'JWT ',
        throwNoTokenError: true
      }
    }),
    CommonModule,
}

これは私のセクションですpackage.json：

"@angular/router": "^6.0.3",
"@auth0/angular-jwt": "^2.0.0",

申し訳ありませんが、 でtokenGetter関数を定義したことを忘れていましたapp.module.ts:

export function tokenGetter() {
  return localStorage.getItem('token');
}
4

3 に答える 3

0

Angular の HTTP クライアントを使用してリクエストを行うだけです。

import { HttpClient } from '@angular/common/http';

export class AppComponent {
  constructor(public http: HttpClient) {}

  ping() {
    this.http
      .get('http://example.com/api/things')
      .subscribe(data => console.log(data), err => console.log(err));
  }
}

ソース: https://github.com/auth0/angular2-jwt

于 2018-09-03T09:33:41.673 に答える