How to take a string from JSON in Angular

So I basically trying to set a token on my localStorage. I make a request to my API in PHP and this is the code:

login() {
    const body = JSON.stringify({
      "usuario":"juanma",
      "password":"1234"});
    console.log(body);
    const params = new HttpParams();
    const headers = new HttpHeaders();
    this.http.post<AuthResponse>("http://localhost:8000/login", body, {'headers':headers,'params':params})
      .subscribe(data => localStorage.setItem('token', data.token.toString()));

  }

I actually get the token, I even can see it on the console.log (not appears on the code right now, but I tried it and it does appear).

AuthResponse is a model I created that replicates the JSON return from the post method.

However Im not being able to set the token like a string on localStorage, and I get this:

I'm really lost with this. If anyone can help, I'll be thankfull!

EDIT: Added screenshot of the console.log(data.token) inside the subscribe:

EDIT 2: Now I get the token right! Problem is that I need to do the method 2 times in order to make it work.

As you can see, the first time I made the method, it gives the 'undefined' value.

You just need to replace your data.token.toString() to data.token.token

login() {
    const body = JSON.stringify({
      "usuario":"juanma",
      "password":"1234"});
    console.log(body);
    const params = new HttpParams();
    const headers = new HttpHeaders();
    this.http.post<AuthResponse>("http://localhost:8000/login", body, {'headers':headers,'params':params})
      .subscribe(data => localStorage.setItem('token', data.token.token));

  }