标签:control requested 请求 cfg Access header 后台 options 跨域
今天在学习Angular 的HttpInterceptor 拦截器时,发现添加了新的headers键值之后总是报跨域错误。后台使用的是asp.net core。
检查发现,在添加了新的header之后,每次请求之前都会先发送一个options请求,这个请求被后台拒绝了,所以导致报错。我的后台跨域代码只启用了 AllowAnyOrigin()
方法,所以拒绝了options请求。
为什么会产生options请求呢?参考以下文章,原来是添加了header之后产生非简单请求,所以浏览器会先发送一个options请求到服务器判断一下。
跨域之由Request Method:OPTIONS初窥CORS
由于是被后台拒绝的,所以修改后台代码就可以了。有两种方法
1.修改startup里的ConfigureServices 和 Configure方法
ConfigureServices:
1 services.AddCors(options => 2 { 3 4 options.AddPolicy("cors", p => 5 { 6 7 p.AllowAnyOrigin(); 8 p.AllowAnyHeader(); 9 p.AllowAnyMethod(); 10 p.AllowCredentials(); 11 }); 12 });
Configure:
app.UseCors("cors");
2.仅修改Configure方法:
app.UseCors(cfg => { cfg.AllowAnyOrigin(); //对应跨域请求的地址 cfg.AllowAnyMethod(); //对应请求方法的Method cfg.AllowAnyHeader(); //对应请求方法的Headers cfg.AllowCredentials(); //对应请求的withCredentials 值 });
注意对于非简单请求,前三个Allow方法都是必须的。
标签:control,requested,请求,cfg,Access,header,后台,options,跨域 来源: https://www.cnblogs.com/jidanfan/p/11177509.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。