问题描述
我一直在浏览器的“网络”选项卡上查看我的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并允许用户代理（浏览器）发出实际请求。