我正在Angular 2和Laravel 5.4中构建我的应用程序. Angular2用于客户端,laravel 5.4用于服务器端.我在laravel中创建了API并从Angular2请求了这些API.
在Laravel中,我配置了Oauth 2护照服务,该服务正在验证所有API.在每个API调用中,我发送到标题下方.
‘内容类型’,’授权’
我如何用标题调用API的方式.
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时,它显示以下错误:
Request header field Authorization is not allowed by Access-Control-Allow-Headers in preflight response
错误消息很明显,后端不允许“授权”标题.
在后端Laravel应用程序中,您必须设置一个响应头,其中包含:
在后端Laravel应用程序中,您必须设置一个响应头,其中包含:
Access-Control-Allow-Headers : 'Content-Type','Authorization'
请参阅此处的进一步文档:https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Headers
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。