1、什么是跨域请求
js禁止向不是当前域名的网站发起一次ajax请求,即使成功respone了数据,但是你的js仍然会报错。这是JS的同源策略限制,JS控制的并不是我们网站编程出现了问题。客户端(网页)和后台编程都可以有效解决这个问题。客户端可以通过JSONP来完成跨域访问;在ES6中为了解除同源策略问题,想出一个办法:当被请求网站为响应头respone添加了一个名为Access-Control-Allow-Origin的header,设置其值等于发起请求网站的域名地址的话,这次请求被视为允许。其中Access-Control-Allow-Origin的值为*时表示允许所有网站的跨域请求。
本文主要探索如何在后台代码中设置允许跨域访问。
2、在action中添加代码
1
|
HttpContext.Current.Response.AppendHeader( "Access-Control-Allow-Origin" , "*" );
|
3、在webconfig添加应用程序配置:
1
2
3
4
5
6
7
8
9
|
<system.webServer>
<httpProtocol>
<customHeaders>
<add name= "Access-Control-Allow-Origin" value= "*" />
<add name= "Access-Control-Allow-Headers" value= "Content-Type" />
<add name= "Access-Control-Allow-Methods" value= "*" />
</customHeaders>
</httpProtocol>
</system.webServer>
|
4、添加action过滤器
不论webapi还是mvc的action,我们都可以重写ActionFilterAttribute过滤器的OnException方法来在action执行完成之后,为http响应添加header头;OnException方法意为在action执行完成之后进行的操作。这个过滤器可以添加在action或者controller上,但是这样就要为每一个action或者controller打上这个过滤器,这里将我们重写的action过滤器添加在了全局的过滤器中,这样,每一个action在执行完成之后都会触发这个过滤器,这里以webapi为例。新建类:
1
2
3
4
5
6
7
8
9
10
11
|
/// <summary>
/// 跨域
/// </summary>
public class Cores:ActionFilterAttribute
{
public override void OnActionExecuted(HttpActionExecutedContext actionExecutedContext)
{
base .OnActionExecuted(actionExecutedContext);
actionExecutedContext.Response.Headers.Add( "Access-Control-Allow-Origin" , "*" );
}
}
|
在webapiconfig中添加。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
public static class WebApiConfig
{
public static void Register(HttpConfiguration config)
{
// Web API 配置和服务
// 将 Web API 配置为仅使用不记名令牌身份验证。
config.SuppressDefaultHostAuthentication();
config.Filters.Add( new HostAuthenticationFilter(OAuthDefaults.AuthenticationType));
// Web API 路由
config.MapHttpAttributeRoutes();
config.Filters.Add( new Cores());
config.Routes.MapHttpRoute(
name: "DefaultApi" ,
routeTemplate: "api/{controller}/{id}" ,
defaults: new { id = RouteParameter.Optional }
);
}
}
|
总结
以上所述是小编给大家介绍的ASP.NET MVC中设置跨域访问问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对服务器之家网站的支持!
原文链接:https://www.cnblogs.com/gdpw/archive/2018/06/28/9236661.html