Return string type from Spring Boot to Angular

I am trying to return a string value from Spring Boot to Angular but it gets an HttpErrorResponse when receives the value. I tried using integer type in spring and number type and in this way it works. Can anyone tell me what I'm doing wrong? Thank you.

The HttpErrorResponse that I get in console.log(resp) is:

HttpErrorResponse {headers: HttpHeaders, status: 200, statusText: 'OK', url: 'http://localhost:8080/login', ok: false, …}
error: {error: SyntaxError: Unexpected token u in JSON at position 0 at JSON.parse (<anonymous>) at XMLHtt…, text: 'user'}
headers: HttpHeaders {normalizedNames: Map(0), lazyUpdate: null, lazyInit: f}
message: "Http failure during parsing for http://localhost:8080/login"
name: "HttpErrorResponse"
ok: false
status: 200
statusText: "OK"
url: "http://localhost:8080/login"


This is my code:

login-form.component.ts:

login() {
let url = 'http://localhost:8080/login';
this.http.post<string>(url, {
username: this.model.username,
password: this.model.password
}).subscribe(resp => {
console.log(resp);
switch(resp){
case "admin": {
this.router.navigateByUrl('/actions', { state: { username: this.model.username , role:'admin' } });
break;
}
case "user": {
this.router.navigateByUrl('/actions', { state: { username: this.model.username , role:'user' } });
break;
}
default:
alert("Authentication failed.");
}
});
}

Continue reading...