跨域通信 CORS 跨域资源共享

当在前端项目的页面向后端的Web API 发送AJAX请求时，涉及“跨域通信”的问题。基于安全考虑、浏览器默认是禁止 AJAX跨域通信的。

CORS是浏览器中标准的跨域通信的方式，推荐使用。

CORS原理：在服务器的响应报文头中通过 access-control-allow-origin 告诉浏览器允许跨域访问的域名。

在服务端开启CORS:

Program.cs

?

1 2 3 4 5 6 7 8

//开启CORS 允许客户端跨域访问 string url = builder.Configuration.GetSection("ClieckUrl").Value; string[] urls = new[] { url };//允许跨域访问后端接口的前端域名 builder.Services.AddCors(options=> options.AddDefaultPolicy(policy=> policy.WithOrigins(urls).AllowAnyMethod().AllowAnyHeader().AllowCredentials()));   var app = builder.Build(); app.UseCors();//使用跨域 在app.UseHttpsRedirection();之前声明

appsetting.json

?

1	"ClieckUrl":  "https://localhost:3000"