ASP.NET MVC中設置跨域訪問問題

來源：懂視網責編：小采時間：2020-11-27 22:35:01

ASP.NET MVC中設置跨域訪問問題

ASP.NET MVC中設置跨域訪問問題:1、什么是跨域請求 js禁止向不是當前域名的網站發起一次ajax請求，即使成功respone了數據，但是你的js仍然會報錯。這是JS的同源策略限制，JS控制的并不是我們網站編程出現了問題。客戶端（網頁）和后臺編程都可以有效解決這個問題。客戶端可以通過JSONP

推薦度：

點擊下載本文 文檔為doc格式

導讀ASP.NET MVC中設置跨域訪問問題:1、什么是跨域請求 js禁止向不是當前域名的網站發起一次ajax請求，即使成功respone了數據，但是你的js仍然會報錯。這是JS的同源策略限制，JS控制的并不是我們網站編程出現了問題。客戶端（網頁）和后臺編程都可以有效解決這個問題。客戶端可以通過JSONP

1、什么是跨域請求

js禁止向不是當前域名的網站發起一次ajax請求，即使成功respone了數據，但是你的js仍然會報錯。這是JS的同源策略限制，JS控制的并不是我們網站編程出現了問題。客戶端（網頁）和后臺編程都可以有效解決這個問題。客戶端可以通過JSONP來完成跨域訪問；在ES6中為了解除同源策略問題，想出一個辦法：當被請求網站為響應頭respone添加了一個名為Access-Control-Allow-Origin的header，設置其值等于發起請求網站的域名地址的話，這次請求被視為允許。其中Access-Control-Allow-Origin的值為*時表示允許所有網站的跨域請求。

本文主要探索如何在后臺代碼中設置允許跨域訪問。

2、在action中添加代碼

HttpContext.Current.Response.AppendHeader("Access-Control-Allow-Origin", "*");

3、在webconfig添加應用程序配置：

<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為例。新建類：

 /// <summary>
 /// 跨域
 /// </summary>
 public class Cores:ActionFilterAttribute
 {
 public override void OnActionExecuted(HttpActionExecutedContext actionExecutedContext)
 {
 base.OnActionExecuted(actionExecutedContext);
 actionExecutedContext.Response.Headers.Add("Access-Control-Allow-Origin","*");
 }
 }

在webapiconfig中添加。

 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中設置跨域訪問問題，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

ASP.NET MVC中設置跨域訪問問題

推薦度：

點擊下載本文 文檔為doc格式

標簽：配置 mvc ASP.NET

熱門焦點

ASP.NET MVC中設置跨域訪問問題

ASP.NET MVC中設置跨域訪問問題

ASP.NET MVC中設置跨域訪問問題

最新推薦

猜你喜歡

熱門推薦