Angular 角度反应形式返回数据：image/png；base64在网络控制台中，而不是点击登录API

我在Angular 9中使用Angular material 8.0.1，其中我使用Angular反应表单构建登录表单。现在的问题是，当我输入用户详细信息并尝试点击登录API时，不是点击/login路径，而是点击一个感叹号的base64图像路径，它应该返回一个XHR类型请求，而不是PNG类型。它返回的图像如下所示：

数据：图像/png；base64，IVBORW0KGGOAAAANSUHEUGAAABGAAYCAYAAADGDZ34AAAXNSR0IARS6QAAARNQU1BAACXJW8YKWAADSMAA7DACDQGGGQAAGGGGQGQGZGZGZGZGYMJJAIQQAACICQTQQQQQWGJJJJYASAQIZIZIZIZIZIJJAIYBATCARJY+9rTsldd8sKu1M0+dLb057v6/LB0Lb7Lb7Lb7Lb7Lb7LKKK7LKK7LKKK7C7CQQQQB7CQQQB7KKKKKKKKK7KKKKKKKKKKKKKKKKKKKKKKK7KK7KKKKKKKKKKKKKK72.2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 HZGC3ZL2D8OAAASASUVORK5CYII=

当我用ngModel制作表单时，效果很好，但是如果是反应性表单，它就不起作用了，并且点击了这个png图像

Login.component.html：

<div class="my-account sec-padding">
  <div class="container">
      <mat-card fxLayout="row" fxLayout.lt-sm="column" fxLayoutAlign="start start"  class="p-0">
          <div class="my-account-wrap p-0" fxLayout="row" fxLayout.lt-sm="column" fxLayoutAlign="start start" >
              <div class="login-wrapper pr-50" fxFlex="50" fxFlex.gt-md="50" fxFlex.md="50">
                  <div class="title">
                    <h3>Login</h3></div>
                  <form [formGroup]="loginForm" (ngSubmit)="signinFunction()" fxLayout="row wrap">
                    <div  fxFlex="100" fxFlex.gt-sm="100" class="px-1" ngClass.sm="mt-1" ngClass.xs="mt-1">
                        <mat-form-field class="w-100">
                            <input matInput formControlName="email" class="form-control"  placeholder="Username or email address (required)" required>
                            <mat-error *ngIf="email?.invalid">Please enter a valid message</mat-error>
                          </mat-form-field>
                    </div>
                    <div  fxFlex="100" fxFlex.gt-sm="100" class="px-1" ngClass.sm="mt-1" ngClass.xs="mt-1">
                        <mat-form-field class="w-100">
                            <input matInput formControlName="password" class="form-control" type="password" placeholder="Password (required)" required>
                            <mat-error *ngIf="password?.invalid">Please enter a valid message</mat-error>
                          </mat-form-field>
                    </div>
                    <div class="button-wrap" fxFlex="100" fxFlex.gt-sm="100" class="px-1" ngClass.sm="mt-1" ngClass.xs="mt-1">
                        <button class="btn-project" mat-raised-button color="accent" type="submit">Log in</button></div></form></div><app-signup></app-signup></div></mat-card></div></div>

ProductService.service.ts：

  public signinFunction(formData): Observable<any> {
    return this.httpClient.post(http://localhost:4000/api/v1/login, formData);
  }

---

public signinFunction（formData）：可观察
您是否忘记了this.httpClient.post中的引号？注意：请注意，您没有向Angular表明您想要完整的请求，您没有“状态”响应，请注意，没有，我确实在其周围加了引号，这是我在这里输入的错误。问题是，当我使用ngModule而不是被动表单时，它正在解决为什么不使用
let data={电子邮件：this.loginForm.value.email，密码：this.loginForm.value.password}
？我看不出this.email和this.password的结果仍然相同..无法真正了解反应式表单的问题是什么您是否忘记了this.httpClient.post中的引号？注意：请注意，您没有表明您想要完整的请求，您没有“状态”作为回应，请看“否”，我确实在其周围加了引号，这是我在这里做的一个输入错误..问题是，当我使用ngModule而不是被动表单时，它正在解决为什么不使用
let data={email:this.loginForm.value.email，password:this.loginForm.value.password}
？我看不出this.email和this.password的结果仍然相同。无法真正了解被动表单的问题所在
  public signinFunction(formData): Observable<any> {
    return this.httpClient.post(http://localhost:4000/api/v1/login, formData);
  }