Asp.Net Core 跨域處理_Ajax 跨域處理整理

一、Asp.Net Core 跨域處理_Ajax 跨域處理整理

Asp.Net Core中已經自帶了跨域處理。

跨域處理，需要3步

1.配置跨域定義，在ConfigureServices中

public void ConfigureServices(IServiceCollection services)
{
    //定義配置跨域處理
    services.AddCors(options =>
    {
        //完全公開,不支持cookie傳遞
        options.AddPolicy("any", policy =>
        {
            policy.AllowAnyOrigin()
                .AllowAnyMethod()
                .AllowAnyHeader();
        });

        //指定域名公開，可以支持cookie
        options.AddPolicy("all", policy =>
        {
            policy.WithOrigins(
                "null", //file:///本地測試可以訪問
                "http://localhost:8080",
                    "http://localhost:8081"
                )
                .AllowAnyMethod()
                .AllowAnyHeader()
                .AllowCredentials();
        });
    });
}

2.開啟跨域，在Configure中

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    //開啟路由
    app.UseRouting();
    //開啟 跨域處理，此代碼必須放在 UseRouting() 和 UseEndpoints() 之間
 app.UseCors();
    app.UseEndpoints(endpoints =>
    {
        endpoints.MapControllers();
    });

}

 

3.在控制器中，指定跨域公開

使用EnbleCore() 在控制器或者action 中指定

    [EnableCors("any")]
    [Route("[controller]/[action]/")]
    public class StuController : Controller
    {
    }

 

 

二、客戶端完全公開

ajax請求都支持

        var url = 'http://localhost:52401/stu/getlist';
        $.get(url, {}, function (res) {
            console.info(res);
        });

 

三、客戶端帶cookie指定域名跨域

var url = 'http://localhost:52401/class/getcookie';
$.ajax({
    url: url,
    data: {},
    xhrFields: {
        withCredentials: true  //支持附帶詳細信息
    },
    crossDomain: true,//請求偏向外域
    success: function (res) {
        console.info(res);
    }
});

 

 

更多：

Ajax跨域請求附帶Cookie/Ajax跨域請求附帶身份憑證

Asp.Net WebApi 啟用CORS跨域訪問指定多個域名

Cors 跨域Access-Control-Allow-Origin

Ajax跨域請求中的Cookie問題（默認不帶cookie等憑證）