.net core 的跨域
阿新 • • 發佈:2018-08-24
blog UNC cep ONBUILD type query services 問題 -c 500,404 等等 簡直絕望到死
.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跨域的問題都沒能解決而且一直報同一個錯期間當然也包括一些部署上的問題
後邊我就嘗試著註釋之前的所有嘗試再試一遍
在ConfigureServices中添加跨域操作
services.AddCors(options =>
options.AddPolicy("any",
builder => builder.AllowAnyMethod().AllowAnyHeader().AllowAnyOrigin().AllowCredentials()));
然後在controller層頭部添加
[EnableCors("any")]
問題竟然解決了。。。
我現在都有點暈 這個
首先是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")](再添加了前面兩個後,這個是非必須的)
這幾天我會仔細看一下這方面的東西系統的總結一遍~
.net core 的跨域