在 MVC 控制器中启用 CORS

Question

我需要通过localhost:9000访问localhost:5002/api/login。

我已经尝试了几乎所有在线可用的解决方案。 但我不断收到以下错误。

如何在请求的资源上显示“Access-Control-Allow-Origin”。

XMLHttpRequest 无法加载 localhost:5002/api/login。请求的资源上不存在“Access-Control-Allow-Origin”标头。 Origin 'localhost:9000' 因此不允许访问。

我已尝试将此添加到 Web.config

<httpProtocol>
  <customHeaders>
    <clear />
    <add name="Access-Control-Allow-Origin" value="*" />
  </customHeaders>
</httpProtocol> 

并且在服务器端 StartUp.cs 文件中我还添加了以下内容

public void ConfigureServices(IServiceCollection 服务)

    {  
        services.AddCors(options =>

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

public void Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory, IUowProvider uowProvider)

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

Answer 1

第一步： 请将以下代码保留在 webconfig 和部分内：

<httpProtocol>
<customHeaders>
  <add name="Access-Control-Allow-Origin" value="*" />
 OPTIONS" />
</customHeaders>

第二步： 我们在 Global.asax 类中添加了 Application_BeginRequest 方法。通常，该方法检查 Header 的所有键。如果它包含“Origin”并且Request HttpMethod是“OPTIONS”，则结束所有当前缓冲的输出到客户端

protected void Application_BeginRequest()
    {
        if (Request.Headers.AllKeys.Contains("Origin") && Request.HttpMethod == "OPTIONS")
        {
            Response.Flush();
        }
    }

Answer 2

通常您应该能够将 CORS 配置添加到您的 WebAPI 配置或 web.config。

对于 WebAPI 配置，您应该指定以下内容：

config.EnableCors(new EnableCorsAttribute("*", "*", "*"));

在web.config 中应该是这样的：

<system.webServer>
    <httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Origin" value="*"/>
      </customHeaders>
    </httpProtocol>
<system.webServer>

当然，这允许 all 来源，因此您必须根据您的情况将其更改为 localhost:9000。请记住，不同的端口是不同的来源，因此仅指定localhost 是不够的，还应添加端口！