javascript-“所请求的资源上没有’Access-Control-Allow-Origin’标头.响应的HTTP状态代码为403.”

我有Angular产品服务,并使用HttpClient方法将其称为“ http://jsonplaceholder.typicode.com/posts” URL.

但是,它显示“所请求的资源上不存在“ Access-Control-Allow-Origin”标头.因此,不允许访问源“ http://localhost:5700”.响应的HTTP状态码为403.”

根据我对上述错误的理解,需要设置标头,但它只是公开获取API,因此,我认为不需要为此设置标头.

提前致谢.

解决方法:

它实际上是浏览器引发的错误,只能在服务器端修复.如您所见,端点未在响应标头中设置Access-Control-Allow-Origin,因此您不能从浏览器内的任何其他域(在本例中为’http:// localhost:5700)调用它.它的标题是:

access-control-allow-credentials →true
cache-control →public, max-age=14400
cf-cache-status →HIT
cf-ray →3c4f9790845896e8-FRA
connection →keep-alive
content-encoding →gzip
content-type →application/json; charset=utf-8
date →Tue, 28 Nov 2017 19:04:16 GMT
etag →W/"6b80-Ybsq/K6GwwqrYkAsFxqDXGC7DoM"
expires →Tue, 28 Nov 2017 23:04:16 GMT
pragma →no-cache
server →cloudflare-Nginx
transfer-encoding →chunked
vary →Accept-Encoding
via →1.1 vegur
x-content-type-options →nosniff
x-powered-by →Express

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...