azure 应用服务和 asp.net 核心：CORS 策略甚至 AllowAnyOrigin 也阻止了来源

Question

我已经使用 angular 8（前端）+ asp.net core 2.2（web api）开发了一个 SaaS Web 应用程序，并且我使用了下面的代码来允许在 asp.net 核心上的 StartUp.cs 文件的任何来源。部署 Azure 应用服务后，除了一页外，一切都很好，当我发送发布请求时收到以下错误消息：

返回前端concole的错误信息： 从源“https://xxxxxxxxx.com”访问“https://api.xxxxxxxxx.com/api/stageProducts/addProduct”处的 XMLHttpRequest 已被 CORS 策略阻止：请求的资源上不存在“Access-Control-Allow-Origin”标头。

在 Startup.cs 上

app.UseCors(x => x.AllowAnyOrigin()
                                .AllowAnyHeader()
                                .AllowAnyMethod());

你能建议吗？

Answer 1

这是由与 CORS 无关的其他代码错误引起的。不知何故，asp.net 核心显示 CORS 错误消息。

Answer 2

在你的 ConfigureServices 中试试这个

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

在您的配置方法中执行以下操作

app.UseCors("AllowAllOrigins");

Answer 3

从源“https://xxxxxxxxx.com”访问“https://api.xxxxxxxxx.com/api/stageProducts/addProduct”处的 XMLHttpRequest 已被 CORS 策略阻止：请求的资源上不存在“Access-Control-Allow-Origin”标头。

请检查您是否在您的后端（Web api）应用程序的Startup.cs 中enabled CORS，如下所示。

app.UseCors(x => x.AllowAnyOrigin()
                    .AllowAnyHeader()
                    .AllowAnyMethod());

app.UseHttpsRedirection();

app.UseMvc();

部署azure应用服务后，除了一页，一切都很好，当我发送帖子请求时收到以下错误消息

您在 Azure 应用服务上托管您的后端（Web api）应用，因此您还可以指定应允许在 Azure 门户上对您的应用服务进行跨域调用的来源。

Answer 4

您能提供更多信息吗？就像你得到什么错误代码一样，因为当你得到一个 500 服务器错误时，你的代码可能有问题。您也可以在 azure 上的应用服务中查看更详细的错误消息。