Angular HttpClient Klartext (text/plain) minimales Beispiel

Damit Angulars HttpClient Klartext-Antworten verarbeitet und nicht zu einem Fehler führt, muss responseType: 'text' in den options gesetzt werden (dies ist der zweite Parameter von .get()). Andernfalls versucht Angular, die Klartext-Antwort zu parsen, selbst wenn der Antwort-MIME-Typ auf text/plain gesetzt ist.

plaintext_service.ts

getPlaintext(command: string): Observable<string> {
  return this.http.get(`/api/text`, { responseType: 'text' });
}

getPlaintext(command: string): Observable<string> {
  return this.http.get(`/api/text`, { responseType: 'text' });
}

Vollständiges Service-Beispiel

plaintext_service_impl.ts

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class PlaintextService {

  constructor(private http: HttpClient) { }

  getPlaintext(command: string): Observable<string> {
    return this.http.get(`/api/text`, { responseType: 'text' });
  }
}

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class PlaintextService {

  constructor(private http: HttpClient) { }

  getPlaintext(command: string): Observable<string> {
    return this.http.get(`/api/text`, { responseType: 'text' });
  }
}

Check out similar posts by category: Angular, Typescript

If this post helped you, please consider buying me a coffee or donating via PayPal to support research & publishing of new posts on TechOverflow

Buy me a coffee