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

Posted 2021-01-11 HI,大家好！多多交流！

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

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

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

https://blog.csdn.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(1728000));
                });
            });

            services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_2_1);
        }

使用

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