проблема в использовании angular2-jwt и AuthHttp при обновлении angular с 4 до 6 - PullRequest
Новая
       31

проблема в использовании angular2-jwt и AuthHttp при обновлении angular с 4 до 6

0 голосов
/ 29 декабря 2018

Я пытаюсь обновить приложение angular4 до angular6, и я использовал angular2-jwt для отправки аутентификации в web api, но в angular6 я гаслю эту ошибку: TypeError: Observable_1.Observable.defer is not a function см. Ошибку здесь

здесь я создаю токен 

 login(model: any) {
    const headers = new Headers({ 'Content-type': 'application/json' });
    const options = new RequestOptions({ headers: headers });
    return this.http
      .post(this.baseUrl, model, options)
      .map((response: Response) => {
        const user = response.json();
        if (user) {
          localStorage.setItem('token', user.userModel.tokenString);
          this.decodedToken = this.jwtHelper.decodeToken(user.userModel.tokenString);
          this.userToken = user.userModel.tokenString;
          this.currentUserModel = user.userModel;
          this.changeuserPhotoUrl(this.currentUserModel.userImage);
        }
      }).catch(this.handelError);
  }

это мой HttpServiceFactory 

import { Http, RequestOptions } from "@angular/http";
import { AuthHttp, AuthConfig } from "angular2-jwt";
import { NgModule } from "@angular/core";

export function authenticationHttpServiceFactory(http: Http, options: RequestOptions) {
  return new AuthHttp(new AuthConfig({
    tokenName: 'token',
    tokenGetter: (() => localStorage.getItem('token')),
    globalHeaders: [{ 'Content-Type':'application/json'}]
  }),http,options);
}

@NgModule({
  providers: [
    {
      provide: AuthHttp,
      useFactory: authenticationHttpServiceFactory,
      deps: [Http, RequestOptions]
    }
    ]
})

export class AuthenticationModule { }

1 Ответ

0 голосов
/ 29 декабря 2018

Я думаю, что вы можете использовать Interceptor для достижения своей цели.Например, 

@Injectable()
export class AuthInterceptor implements HttpInterceptor {
 .......
 .....
}

и затем вы должны поместить его в свой module.ts как 

{
  provide: HTTP_INTERCEPTORS,
  useClass: AuthInterceptor,
  multi: true
}
...