为什么在 Web API 中启用 CORS 时收到 OPTIONS 请求？

Question

我有一个使用 Angular Framework 和 Asp.net Core 的项目。

在我的 ConfigureServices 中，我有以下代码：

services.AddCors(options =>
            {
                options.AddPolicy(
                    "CorsPolicy",
                    builder => builder
                        .AllowAnyOrigin()
                        .AllowAnyMethod()
                        .AllowAnyHeader()
                        .AllowCredentials());
            });

然后配置如下：

 app.UseCors("CorsPolicy");
 app.UseMvc();

然后在 BaseApiController

中添加 EnbaleCors 属性

[EnableCors("CorsPolicy")]
public class BaseApiController : Controller

在 Angular 中添加如下：

return this.http
        .post(url, body, { headers: headers, withCredentials: true })
        .map((response: Response) => {
            return response as any;
        })

当我运行应用程序时，我在网络中有 2 个请求，其中一个请求方法：OPTIONS 状态代码：204 No Content 和其他在我的请求中。

我的问题在哪里？

感谢您抽出宝贵时间分享您的想法

Answer 1

没问题，不用担心。

出于安全原因，浏览器会限制跨域 HTTP 请求 从脚本中启动。例如，XMLHttpRequest 和 Fetch API 遵循同源策略。这意味着网络 使用这些 API 的应用程序只能从 加载应用程序的来源相同，除非响应来自 另一个来源包括正确的 CORS 标头。

OPTIONS 请求只是对跨源之间安全网络调用的安全检查。因此，当您发出这样的请求时，客户端将向同一地址发送OPTIONS 请求，以确保发送原始请求是安全的（GET/POST）。