在CORS請求上訪問響應頭

Question

我正在使用訪存API發出與以下代碼段類似的跨域請求

 window.fetch('http://data.test.wikibus.org/magazines', { method: 'get'}) .then(function(response) { var linkHeader = response.headers.get('Link'); document.querySelector('#link-header').innerText = 'The Link header is: ' + linkHeader; }); 

 <span id="link-header"></span> 

如您所見，盡管Link標頭（以及其他一些標頭）在響應中返回，但仍不可訪問。 我認為這是一個CORS問題，因為在本地請求上所有標頭都是可訪問的。

這是設計使然嗎？ 有辦法解決這個問題嗎？

Answer 1

您所請求的資源很可能缺少包含Link作為值的Access-Control-Expose-Headers標頭。

請參閱https://fetch.spec.whatwg.org/#http-access-control-expose-headers，並參閱https://fetch.spec.whatwg.org/#concept-filtered-response-cors了解詳細信息標頭會從CORS響應中過濾掉。