Skip to main content
1 de 2
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

Una cosa que es importante saber sobre Angular y su forma de tratar las peticiones es que los objetos HttpHeaders y HttpParams son inmutables. Cada vez que usas el método set(...), tienes que guardar el objeto devuelto.

Un ejemplo de petición podría ser así:

@Injectable()
export class AuthenticationService {

  constructor(
    private http: HttpClient,
    ...
  ) { }

  login(username: string, password: string): Observable<...> {
    
    const headers = new HttpHeaders()
      .append('Authorization', `Basic ${this.b64EncodeUnicode(username + ':' + password)}`)
      .append('X-Requested-With', 'XMLHttpRequest');
    return this.http.post<string>(ENV.url.login, null, { headers: headers }).pipe(
      map((data: string) => {
        // login successful if there's a jwt token in the response
        if (data) {
          return data;
        } else {
          // failed login
          return null;
        }

      }),
      catchError((error: any) =>
        observableThrowError(error || 'Server error'))
    );
  }

  b64EncodeUnicode(str: string): string {
    return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g, (match, p1) => {
      return String.fromCharCode(('0x' + p1) as any);
    }));
  }
}
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92