我们如何通过angular获得Json Web令牌？

Question

我在Spring Boot应用程序中有一个休息服务。

我有一个方法，该方法接受用户名和密码作为json数据并检查此数据，如果它们为true，则服务返回JWT令牌。

当我通过angular调用此方法时，我无法获得授权令牌并请求发送两次。

为什么请求发送两次，我怎么能得到角度的令牌？

import {Component, OnInit} from '@angular/core';
import {Payment} from './Payment';
import {HttpClient, HttpResponse} from '@angular/common/http';

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {

  title = 'Home';
  constructor(private http: HttpClient) {
  }

  ngOnInit() {

    this.http.post('http://localhost:8084/login', JSON.stringify({ username: 'mehman', password: 'mehman' }), { observe: 'response' })
      .subscribe((response: HttpResponse<any>) => { console.log(response); });
  }
}

Answer 1

请参考以下解决方案，您可以参考解决方案https://blog.angular-university.io/angular-jwt-authentication/并与您的代码进行比较

https://www.toptal.com/web/cookie-free-authentication-with-json-web-tokens-an-example-in-laravel-and-angularjs