Question

我有Angular产品服务及其电话＆＃34; http://jsonplaceholder.typicode.com/posts＆＃34;使用HttpClient方法的URL。

但是，它会显示＆＃34; No＆＃39; Access-Control-Allow-Origin＆＃39;标头出现在请求的资源上。起源＆＃39; http://localhost:5700＆＃39;因此不允许访问。响应的HTTP状态代码为403。＆＃34;

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

提前致谢。

Answer 1

它实际上是浏览器抛出的错误，只能在服务器端修复。如您所见，端点未在响应头中设置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

＆＃34; No＆＃39; Access-Control-Allow-Origin＆＃39;标头出现在请求的资源上。响应的HTTP状态代码为403.＆＃34;

1 个答案: