首页 文章

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

提问于
浏览 次
3

我有Angular产品服务，并使用HttpClient方法调用“http://jsonplaceholder.typicode.com/posts”URL .

但是，它显示“请求的资源上没有'Access-Control-Allow-Origin'标头 . 因此不允许原点'http://localhost:5700'访问 . 响应的HTTP状态代码为403.”

根据我从上面的理解，错误是需要设置 Headers ，但它只是公共获取API所以，我认为不需要为此设置 Headers .

提前致谢 .

javascript angular typescript

1 回答

  • 3

    它是由浏览器抛出的，只能在服务器端修复 . 如您所见， endpoints 未在响应头中设置 Access-Control-Allow-Origin ，因此您无法从浏览器内的任何其他域（在本例中为 'http://localhost:5700 ）中调用它 . 它的 Headers 是：

    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
    回复于

相关问题