備注:無論有沒有安裝 apb zero模塊,都可以使用本文的跨域
首先配置Web Api:
1. 在Web API項目下,安裝包
Install-Package Microsoft.AspNet.WebApi.Cors
2. 然后在 WebApiModule 的方法Initialize中,添加下面代碼:(代碼最好在ConfigureSwaggerUi的上面)
//設置跨域 var cors = new EnableCorsAttribute("*", "*", "*"); cors.SupportsCredentials = true; GlobalConfiguration.Configuration.EnableCors(cors);
上面配置了Web Api的跨域,然后我們想要在Web MVC中也支持跨域。下面我們給出登錄模塊支持跨域的例子。
然后配置Web MVC項目,讓登錄支持跨域:
1.我們創建一個Attribute類,叫做AcceessOriginalAttribute,如下:
using System; using System.Collections.Generic; using System.Configuration; using System.Linq; using System.Web; using System.Web.Mvc; namespace MagicQCes.Web.Filters { public class AcceessOriginalAttribute : ActionFilterAttribute, IExceptionFilter {public void InternalExuteAccessControle(HttpResponseBase response, HttpRequestBase request) { var header = response.Headers; var requestHeader = request.Headers; header.Set("Access-Control-Allow-Origin", requestHeader["Origin"] ?? "http://" + requestHeader["Host"]); header.Set("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE"); header.Set("Access-Control-Max-Age", "3600"); header.Set("Access-Control-Allow-Headers", "*"); header.Set("Access-Control-Allow-Credentials", "true"); } public override void OnActionExecuting(ActionExecutingContext filterContext) { base.OnActionExecuting(filterContext); } public override void OnActionExecuted(ActionExecutedContext filterContext) { InternalExuteAccessControle(filterContext.HttpContext.Response, filterContext.HttpContext.Request); base.OnActionExecuted(filterContext); } public override void OnResultExecuting(ResultExecutingContext filterContext) { base.OnResultExecuting(filterContext); } public override void OnResultExecuted(ResultExecutedContext filterContext) { base.OnResultExecuted(filterContext); } public void OnException(ExceptionContext filterContext) { filterContext.Result = new JsonResult() { Data = new { Succeed = 0, Message = filterContext.Exception.Message }, JsonRequestBehavior = JsonRequestBehavior.AllowGet }; filterContext.ExceptionHandled = true; } } }
2.然后,我們在AccountController中,的Login方法中,添加上面屬性,如下:
[AcceessOriginal] public async Task<JsonResult> Login(string usernameOrEmailAddress, string Password)
這樣,登錄也支持跨域了。
可以關注本人的公眾號,多年經驗的原創文章共享給大家。