出现错误“请求的资源上不存在‘Access-Control-Allow-Origin’header”

Question

我使用以下方法启用了 CORS：

private readonly string CorsPolicy = "CorsPolicy";

services.AddCors(options =>
{
    options.AddPolicy(this.CorsPolicy, builder =>
    {
        builder.WithOrigins(this.Configuration.GetValue<string>("WebAppBaseUrl"))
               .AllowAnyHeader()
               .AllowAnyMethod()
               .SetIsOriginAllowed(_ => true)
               .AllowCredentials();
    });
});

appsettings.json 条目：

"WebAppBaseUrl": "https://localhost:44372/"

但仅对于一个 GET 请求，我收到以下错误：

CORS 策略已阻止从源“https://localhost:44372”访问“https://localhost:44343/api/pushNotification/GetMyPushNotifications/1/1”处的 XMLHttpRequest 策略：否 'Access-Control-Allow- ' header 存在于请求的资源上。

请注意，该项目有超过 50 个 GET 请求，并且在当前 CORS 配置下，它们都可以正常工作，只有这个特定的 GET 请求会给我这个 Z5A8FEFF0B4BDE3EEC9244B76023B7 错误。

有任何想法吗？

Answer 1

在 appsettings.json 添加 AllowedOrigins 部分，如下所示

"AllowedOrigins": {
"WebAppBaseUrl": "https://localhost:44372/" }

然后在启动注入配置中获取允许的来源列表，如下所示

string[] lstAllowedOrigins;
    public IConfiguration Configuration { get; }
    public Startup(IConfiguration configuration)
    {
        Configuration = configuration;
        lstAllowedOrigins = Configuration.GetSection("AllowedOrigins").Get<string[]>();
    }

最后在Configure function中添加如下中间件如下

app.UseCors(builder =>
        {
            builder
            .WithOrigins(lstAllowedOrigins)
            .AllowAnyHeader()
            .AllowAnyMethod()
            .AllowCredentials();
        });

Answer 2

Microsoft 文档指出，指定的 URL 不得包含尾部斜杠 (/)。 如果 URL 以 / 结束，则比较返回 false 并且不返回 header。 更改您的应用设置：

"WebAppBaseUrl": "https://localhost:44372/"

至

"WebAppBaseUrl": "https://localhost:44372"

Answer 3

经过几天的尝试，我发现了这个问题。

我调用的 API 端点有 2 个端点，如下所示：

• /getPushNotification/{userId}/{pageId}
• /getPushNotification/{userId}

我通过如下更改它们进行了同样的尝试：

• /getPagedPushNotification/{userId}/{pageId}
• /getPushNotification/{userId}

它现在工作正常。 感谢所有试图提供帮助的人。