首页 > 解决方案 > 带有反应应用程序的 POST 上的 ASP.NET CORS 异常

问题描述

我有一个反应应用程序调用我的服务,并从我的本地应用程序启用了 CORS。这适用于 GET 方法,但由于某种原因,它在调用 POST 方法时会引发 CORS 异常。我需要添加什么来配置 POST 吗?谢谢

在我的startup.cs中:

services.AddCors(options =>
            {
                options.AddDefaultPolicy(
                    builder =>
                    {
                        builder.WithOrigins(
                            "http://localhost:3000"
                            );
                    });
            }); 

在我的反应应用程序中,调用非常基本:

  axios({
            method: "POST",
            url: `https://localhost:44340/patientsearch`,
            data: { searchModel },
          });     

例外:

Access to XMLHttpRequest at 'https://localhost:44340/patientsearch' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

标签: asp.netreactjscorswebapi

解决方案


public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
        {            
            app.UseCors(x =>
            {
                x.AllowAnyOrigin().AllowAnyMethod().AllowAnyHeader().WithOrigins("https://localhost:5002");
            });           
        }

推荐阅读