小编Edw*_*nez的帖子

我有一个平均堆栈。角 5。

我正在从表单中获取数据，并且正在调用一个服务来处理将表单数据发送到后端 api。

该服务使用 HttpClient。它发送带有正确标头和有效负载的 post 请求。它成功发布到数据库

但是...当我查看控制台的网络选项卡时，我看到 2 个相同的请求正在发出！一个成功，因为它是预期的请求，但另一个失败（由于db中的重复数据，它应该失败）

我不明白为什么要提出 2 个请求。我正在使用平均堆栈，所以（我相信）不应该有任何 CORS 问题。

有任何想法吗？

*更新信息我检查了网络选项卡

• 第一个请求具有请求方法：POST (200 OK)
• 第二个请求也有请求方法：POST (500)
• 在控制台选项卡中，来自 zone.js（webpack？）的第二个请求错误

我的表格

<form [formGroup]="registerForm" (ngSubmit)="onSubmit()">
  <div class="form-group">
    <label for="username">Username</label>
    <input 
      type="text" 
      id="username"
      class="form-control"
      formControlName="username"
      placeholder="username" >
  </div>
  <div class="form-group">
    <label for="email">Email</label>
    <input 
      type="email" 
      id="email"
      class="form-control"
      formControlName="email"
      placeholder="email" >
  </div>
  <div class="form-group">
    <label for="password">Password</label>
    <input 
      type="password" 
      id="password"
      class="form-control"
      formControlName="password"
      placeholder="password" >
  </div>
  <div class="form-group">
    <label for="name">Restaurant Name</label>
    <input 
      type="text" 
      id="name"
      class="form-control"
      formControlName="name"
      placeholder="Restaurant Name" >
  </div>    
  <div …