关于.Net Core 前后端分离跨域请求时 ajax并发请求导致部分无法通过验证解决办法。

时间:2023-03-08 16:33:49

项目中有这样一个页面。页面加载的时候会同时并发6个ajax请求去后端请求下拉框。

这样会导致每次都有1~2个“浏览器预请求”不通过。

浏览器为什么会自动发送“预请求”?请看以面连接

https://blog.****.net/charleslei/article/details/51906635

那么解决办法无非就是尽量避免发送“预请求”。

后来经过反复测试发现“预请求”可以通过设置Access-Control-Max-Age来缓存。

在.Net Core 中我们可以通过如下代码设置缓存:

public void ConfigureServices(IServiceCollection services)
{
//配置跨域访问
var urls = Configuration.GetSection("AllowCors:AllowAllOrigin").Value.Split(',');
services.AddCors(options =>
{
options.AddPolicy("AllowAllOrigin", builder =>
{
builder.WithOrigins(urls).AllowAnyMethod().AllowAnyHeader().AllowCredentials().SetPreflightMaxAge(TimeSpan.FromSeconds());
});
}); services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_2_1);
}

使用

SetPreflightMaxAge方法设置即可。单位为秒