跨域

• 步骤

• 在 API的项目里

  1.打开Web.config添加东西

  跨域请求

  <!--跨域请求：三个配置信息--> <httpProtocol> <customHeaders> <!--响应类型 (值为逗号分隔的一个字符串，表明服务器支持的所有跨域请求的方法)--> <add name="Access-Control-Allow-Methods" value="GET,POST,PUT,DELETE,OPTIONS"/> <!--响应头设置（Content-Type：只限于三个值application/x-www-form-urlencoded、multipart/form-data、text/plain）--> <add name="Access-Control-Allow-Headers" value="x-requested-with,content-type"/> <!--如果设置 Access-Control-Allow-Origin:*，则允许所有域名的脚本访问该资源--> <add name="Access-Control-Allow-Origin" value="*" /> <!--<add name="Access-Control-Allow-Origin" value="http://domain1.com, http://domain2.com" /> 设置允许跨域访问的网址--> </customHeaders> </httpProtocol>

   

  添加到 system.webServer 里面 /handlers 下面

  

   

   

   

  2.再添加一个东西在

  打开 Global.asax

  添加跨域设置

  /// <summary> /// 跨域设置 /// </summary> protected void Application_BeginRequest() { //OPTIONS请求方法的主要作用： //1、获取服务器支持的HTTP请求方法；也是黑客经常使用的方法。 //2、用来检查服务器的性能。如：AJAX进行跨域请求时的预检，需要向另外一个域名的资源发送一个HTTP OPTIONS请求头，用以判断实际发送的请求是否安全。 if (Request.Headers.AllKeys.Contains("Origin") && Request.HttpMethod == "OPTIONS") { //表示对输出的内容进行缓冲，执行page.Response.Flush()时，会等所有内容缓冲完毕，将内容发送到客户端。 //这样就不会出错，造成页面卡死状态，让用户无限制的等下去 Response.Flush(); } }

在方法下面粘贴

MVC API 同时运行出效果

三、WebApi 和 MVC 控制器的区别

• Webapi 继承 ApiController （命名空间System.Web.Http） 作用：webapi 无视图

• MVC 继承的是Controller

四、webapi 返回类型

• IHttpActionResult 返回类型

ApI 与 MVC 跨域