接口开发完后,前端调用首先要解决的是如何跨域调用
1、appsettings.json里配置跨域策略
"Startup": { "Cors": { "PolicyName": "CorsIpAccess", //策略名称 "EnableAllIPs": false, //当为true时,开放所有IP均可访问。 "IPs": "http://localhost:8080,http://localhost:8081,http://localhost:8021" } }
2、Startup的ConfigureServices方法里配置跨域
#region CORS 跨域 services.AddCors(c => { if (!Configuration["Startup:Cors:EnableAllIPs"].ObjToBool()) { c.AddPolicy(Configuration["Startup:Cors:PolicyName"], policy => { policy .WithOrigins(Configuration["Startup:Cors:IPs"].Split(‘,‘)) .AllowAnyHeader() .AllowAnyMethod(); }); } else { //允许任意跨域请求 c.AddPolicy(Configuration["Startup:Cors:PolicyName"], policy => { policy .SetIsOriginAllowed((host) => true) .AllowAnyMethod() .AllowAnyHeader() .AllowCredentials(); }); } }); #endregion
3、Startup的Configure方法里开启跨域
#region CORS app.UseCors(Configuration["Startup:Cors:PolicyName"]); #endregion