azure应用程序服务和asp.net core：来源已被CORS策略阻止，甚至AllowAnyOrigin

Question

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

错误消息返回到前端控制台：从源“ https://xxxxxxxxx.com ”访问“ https://api.xxxxxxxxx.com/api/stageProducts/addProduct ”处的 XMLHttpRequest已被 CORS 策略阻止：无“访问” -Control-Allow-Origin'标头存在于所请求的资源上。

在 Startup.cs 上

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

你能给些建议么？

Answer 1

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

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

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

app.UseHttpsRedirection();

app.UseMvc();

我部署了天蓝色应用程序服务后，除了一页之外一切都很好，当我发送发布请求时，我收到以下错误消息

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