本地主机项目之间的跨域请求被阻止问题

Question

我写了一个在 webform asp.net 的客户端上传文件的方法，它使用了 resumablejs 插件。 另一方面，我在 mvc 项目的控制器上编写了一个方法，并在该项目的 webconfig 中激活了 cors 来源，如下所示：

<httpProtocol>
 <customHeaders>
    <add name="Access-Control-Allow-Origin" value="*"/>
    <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS"/>
    <add name="Access-Control-Allow-Headers" value="*"/>
  </customHeaders>
</httpProtocol>

我也用过likem这个：

[EnableCors(origins: "http://localhost:10811", headers: "*", methods: "*")]
public class UploadController : ApiController
{}

但是当我在 Firefox 中调用上传方法时，我在控制台中出现此错误：

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:5023/Home/UploadFiles. (Reason: CORS request did not succeed)

chrome 上的这个错误：

Response for preflight does not have HTTP ok status.

有一个问题：我用 mvc 项目的客户端测试了客户端方法，它的工作。 什么问题，谁能帮帮我？

Answer 1

您将需要这样的操作过滤器属性：

public class AllowCORSAttribute : ActionFilterAttribute
{
    public override void OnActionExecuting(ActionExecutingContext filterContext)
    {
        filterContext.RequestContext.HttpContext.Response.AddHeader("Access-Control-Allow-Origin", "*");
        base.OnActionExecuting(filterContext);
    }
}

接下来根据您的要求将此属性应用于您的操作方法或控制器类。我建议在操作级别应用它，因为它不会使所有操作方法都可以跨组织访问：

[AllowCORS]
public ActionResult UploadFile()

Answer 2

按照以下说明进行操作：

1. 将此部分添加到您的 ASP.NET MVC 项目的 web.config 中的 <system.webServer> 部分：

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

1. 在 global.asax 的 Application_BeginRequest 方法中添加一些代码，用于预检响应 CORS：

if(HttpContext.Current.Request.HttpMethod == "OPTIONS")
{  
  //These headers are handling the "pre-flight" OPTIONS call sent by the browser
  HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin",
    "*");
  HttpContext.Current.Response.AddHeader("Access-Control-Allow-Methods",
    "OPTIONS, GET, HEAD, POST, PUT, DELETE");
  HttpContext.Current.Response.AddHeader("Access-Control-Allow-Headers",
    "Accepts, Content-Type, Origin, Authorization, Api-Version, X-API-KEY, USERGUID");
  HttpContext.Current.Response.AddHeader("Access-Control-Max-Age",
    "1200");
  HttpContext.Current.Response.End();
}         

HttpContext.Current.Response.AddHeader("Access-Control-Allow-Methods",
  "OPTIONS, GET, HEAD, POST, PUT, DELETE");

HttpContext.Current.Response.AddHeader("Access-Control-Allow-Headers",
  "Accepts, Content-Type, Origin, Authorization, Api-Version, X-API-KEY, USERGUID");

HttpContext.Current.Response.AddHeader("Access-Control-Expose-Headers",
  "Authorization, Api-Version, USERGUID, WWW-Authenticate");