Angular 2, contents of subscribe never called

Question

I have a Spring boot backend that authenticates a user against the database and generates a JWT token for the user, now i am trying to setup the frontend with Angular 2, i have a login functions that supposed to request authentication from the backend, and save the the JWT token in localstroge, and redirect the user to /home .

login(event, username, password) {
    event.preventDefault();
    let body = JSON.stringify({ username, password });
    this.http.post('/authenticate', body, { headers: contentHeaders })
      .subscribe(
        response => {
          localStorage.setItem('id_token', response.json().id_token);
          this.router.navigate(['home']);
        },
        error => {
          alert(error.text());
          console.log(error.text());
        }
      );

when a request is sent to authenticate a user, the user is authenticated and Authorization header with a valid jwt token is returned, but no redirection to /home happens, this is because code inside .subscribe() never called. what could possible cause this?. The code is part of this tutorial https://auth0.com/blog/creating-your-first-real-world-angular-2-app-from-authentication-to-calling-an-api-and-everything-in-between/

please be careful with your tags; the tag for angularjs is for questions regarding angular 1.x, which is a completely different framework. — Claies, Feb 22 '17 at 18:18
My bad, i figured Angularjs developers might know a thing or two about Angular 2 — ahmedjaad, Feb 22 '17 at 18:26
How do you know the code in the .subscribe() is never called? What happens in you `console.log(response)` right before using `localStorage`? — AngularChef, Feb 22 '17 at 18:33

Angular 2, contents of subscribe never called

0 Answers0