using Microsoft.AspNetCore.Http; using System.Threading.Tasks; namespace Core.Api { /// <summary> /// 跨域中间件 /// </summary> public class CorsMiddleware { private readonly RequestDelegate _next; /// <summary> /// 管道执行到该中间件时候下一个中间件的RequestDelegate请求委托,如果有其它参数,也同样通过注入的方式获得 /// </summary> /// <param name="next">下一个处理者</param> public CorsMiddleware(RequestDelegate next) { _next = next; } /// <summary> /// 自定义中间件要执行的逻辑 /// </summary> /// <param name="context"></param> /// <returns></returns> public async Task Invoke(HttpContext context) { context.Response.Headers.Add("Access-Control-Allow-Origin", "*"); context.Response.Headers.Add("Access-Control-Allow-Headers", context.Request.Headers["Access-Control-Request-Headers"]); context.Response.Headers.Add("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, OPTIONS"); //若为OPTIONS跨域请求则直接返回,不进入后续管道 if (context.Request.Method.ToUpper() != "OPTIONS") await _next(context);//把context传进去执行下一个中间件 } } }
public void Configure(IApplicationBuilder app, IWebHostEnvironment env) { app.UseMiddleware<CorsMiddleware>()//跨域 }
利用ajax跨域请求调用:需要加头部请求
headers: {
'Content-Type': 'application/json;charset=utf-8'
}
后台是类对象:
ajax向后台传递参数为对象实例:
data: JSON.stringify({ 'username': name, 'password': pwd }),
<script> function btntest() { $.ajax({ type: 'post', url: 'http://localhost:5000/Base_Manage/Home/SubmitLogin', dataType: 'json', data: JSON.stringify({ 'userName':'admin', 'password': '123456' }), contentType: false, headers: { 'Authorization': '', 'Content-Type': 'application/json;charset=utf-8' }, success: function (res) { console.log(res); }, error: function (err) { reject(err) } }); } </script>