Angular 5 Http Request调用了两次Rest API

Question

任何人都可以帮助找出我在这里做错了什么。 对于每个REST调用，应用程序都会调用REST API两次。

但是第一个请求不包含请求有效载荷和无响应，但是两个请求都给出相同的响应状态代码。

这是我的代码。

login(username: string, password: string) {
    const body = { userName: username, password: password };
    this. httpClient.post<User>(this.url, body, { headers: this.header })
    .subscribe( data => {
      return data;
 });

Answer 1

HTTP预检请求

这是正常现象。 当您尝试使用HTTP方法将数据发送到服务器时，浏览器会发送预检请求，以确保所请求的资源和其他属性在后端可用并被允许。

然后，如果服务器接受请求选项，则发送主请求。 这就是为什么您看到两个请求的原因。

因此，您的情况非常正常且可以预期。