webapi不支持跨域请求的解决方法

小渣渣

以前，遇到过控制器的跨域请求，然后，知道在web.config里面加上几句话就可以了。。。。

这次在web.config加上如下：

1. <system.webServer>
   
2.     <httpProtocol>
   
3.       <customHeaders>
   
4.         <add name="Access-Control-Allow-Origin" value="*" />
   
5.         <add name="Access-Control-Allow-Headers" value="*" />
   
6.         <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE" />
   
7.         <add name="Access-Control-Request-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
   
8.         <!--允许请求的http 动作-->
   
9.       </customHeaders>
   
10.     </httpProtocol>

复制代码

发现，还是不允许跨域请求，why？？？？？是不是webapi和控制器不一样啊，

可能是真的不一样，解决方法如下：

1. using System;
   
2. using System.Collections.Generic;
   
3. using System.Linq;
   
4. using System.Web;
   
5. using System.Web.Http.Filters;
   
6. 
   
7. namespace SUI.Controllers
   
8. {
   
9.     public class CrossSiteAttribute : ActionFilterAttribute
   
10.     {
    
11.         private const string Origin = "Origin";
    
12.         private const string AccessControlAllowOrigin = "Access-Control-Allow-Origin";
    
13.         private const string originHeaderdefault = "*";
    
14.         public override void OnActionExecuted(HttpActionExecutedContext actionExecutedContext)
    
15.         {
    
16.             actionExecutedContext.Response.Headers.Add(AccessControlAllowOrigin, originHeaderdefault);
    
17.         }
    
18.     }
    
19. }

复制代码

webapi如下：

1. using System;
   
2. using System.Collections.Generic;
   
3. using System.Linq;
   
4. using System.Net;
   
5. using System.Net.Http;
   
6. using System.Web.Http;
   
7. 
   
8. namespace SUI.Controllers
   
9. {
   
10.     public class OpenController : ApiController
    
11.     {
    
12.         [CrossSiteAttribute]
    
13.         public Test Get(string keyword)
    
14.         {
    
15.             return new Test
    
16.             {
    
17.                 keyword = keyword,
    
18.                 age = 20
    
19.             };
    
20.         }
    
21.     }
    
22. 
    
23.     public class Test {
    
24.         public string keyword { get; set; }
    
25. 
    
26.         public int age { get; set; }
    
27.     }
    
28. }

复制代码

成功解决了！