Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Angular2请求标头字段预检响应中的Access-Control-Allow-Headers不允许授权大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在Angular 2和Laravel 5.4中构建我的应用程序. Angular2用于客户端,laravel 5.4用于服务器端.我在laravel中创建了API并从Angular2请求了这些API.

在Laravel中,我配置了Oauth 2护照服务,该服务正在验证所有API.在每个API调用中,我发送到标题下方.

内容类型’,’授权’

我如何标题调用API的方式.

@H_696_7@private headers = new Headers({'Content-Type': 'application/json','Authorization': 'Bearer ' + localStorage.getItem('access_token') }); let body = JSON.Stringify({ user_id,company_id }); console.log(this.headers); this.http.post(this.buyerCostSetTing,body,{headers:this.headers} ) .subscribe( response => { console.log('here'); console.log(responsE); },error => { console.log(error.text()); } );

当我从Angular2点击此API时,它显示以下@L_874_6@:

@H_696_7@request header field Authorization is not allowed by Access-Control-Allow-Headers in preflight response
@L_874_6@消息很明显,后端不允许“授权”标题.
在后端Laravel应用程序中,您必须设置一个响应头,其中包含: @H_696_7@Access-Control-Allow-Headers : 'Content-Type','Authorization'

请参阅此处的进一步文档:https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Headers

大佬总结

以上是大佬教程为你收集整理的Angular2请求标头字段预检响应中的Access-Control-Allow-Headers不允许授权全部内容,希望文章能够帮你解决Angular2请求标头字段预检响应中的Access-Control-Allow-Headers不允许授权所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。