Angular http请求在“网络”选项卡上有两个调用可以吗

如何解决Angular http请求在“网络”选项卡上有两个调用可以吗

我一直在浏览器的“网络”选项卡上查看我的http请求，我发现每个呼叫都有两行。我不明白为什么会这样，如果还可以的话。

在后端，我可以看到其中一个调用为OPTIONS类型，另一个为GET类型。

呼叫GETUSUARIOX的功能

getUsuarios() {
const users$= this.http.get<HttpResponses>(this.apiUrl + 'getUsuariox').pipe(shareReplay());
users$.subscribe(res=>{
  this.dataUsuarios = res;
  this.dataUsuarios$.next(res.data);
})
  return users$;

}

更新：

我刚刚意识到，使用OPTION方法进行的调用来自http拦截器，该拦截器将令牌添加到所有http请求中。运作正常吗？

解决方法

第一个请求是Pre-flight request。

从文档中

CORS预检请求是一种CORS请求，用于检查是否 了解CORS协议，并且服务器可以使用特定的 方法和标题。

这是一个OPTIONS请求，使用三个HTTP请求标头： Access-Control-Request-Method，Access-Control-Request-Headers和 Origin标头。

不是Angular HTTP拦截器添加的不是。它由浏览器自动添加，以确保服务器遵守CORS并允许用户代理（浏览器）发出实际请求。