.net core 的跨域

.net core 的跨域問題花了 我很長時間 接下來我簡單的描述下解決過程

首先我在前端用jquery的ajax去調用自己的本地接口大致如下

$.ajax({

type:"POST",

url:"http://localhost:11969/api/Users/login",

dataType:"Json",

data:{

"username":"Majiko2018",

"password": "majiko123",

},

success:function(data){

console.log("成功");

console.log(data)

},

error:function(err){

console.log("失敗");

console.log(err);

}

});

 

期間在不同的瀏覽器中顯示都不一樣

首先在chorme 中顯示不出具體錯誤只是顯示POST https://localhost:11969/api/Users/login 0 ()也不說具體啥錯

於是我就在Edge中去調試，這個還正常點知道報錯 No 'Access-Control-Allow-Origin

 

 

同樣我也在explorer中debug了顯示錯誤如下

 

 

一開始我認為會不會是在VScode中 React項目 里寫ajax會有什么問題

因為已經嘗試了網上很多關於.net Core跨域的問題都沒能解決而且一直報同一個錯期間當然也包括一些部署上的問題500,404 等等 簡直絕望到死

后邊我就嘗試着注釋之前的所有嘗試再試一遍

在ConfigureServices中添加跨域操作

 

 services.AddCors(options =>

             options.AddPolicy("any",

          builder => builder.AllowAnyMethod().AllowAnyHeader().AllowAnyOrigin().AllowCredentials()));

 

然后在controller層頭部添加

 [EnableCors("any")]

問題竟然解決了。。。

我現在都有點暈 這個.NET CORE的路由什么的我才剛剛接觸都沒有入門 我想是我對它了解的不深入導致的

 

首先是Startup層

 public void Configure(IApplicationBuilder app, IHostingEnvironment env)
        
{
            app.UseCors("AllowAll2");//這個是必須的，且中間加什么都可以??
            if (env.IsDevelopment())
            {
                app.UseDeveloperExceptionPage();
            }
            //這個也是必須的
            app.UseCors(builder => builder
                      .AllowAnyOrigin()
                      .AllowAnyMethod()
                      .AllowAnyHeader());
            app.UseMvc();
}
    

 

        public void ConfigureServices(IServiceCollection services)
        {
            //這個也是必須的
            services.AddCors(options =>
            options.AddPolicy("any",
         builder => builder.AllowAnyMethod().AllowAnyHeader().AllowAnyOrigin().AllowCredentials()));
            services.AddMvc();
        }

然后到Controller層

在namespace之下添加 [Route("api/Users")](再添加了前面兩個后，這個是非必須的)

 

這幾天我會仔細看一下這方面的東西系統的總結一遍~