在前端获取 http 请求标头

Question

I would like to see the http request headers in the frontend. I've been digging around in the browser's window object and saw the following:

new window.Response().headers.values()

I am aware that I can see the request headers on the backend server and then just send it as a response to the frontend, but I don't want to make the extra call instead I want to use the window object or something similar. Is such anything possible?

Answer 1

You can get response headers like this. The Headers class instance that fetch returns is an iterable .

 fetch('https://api.sampleapis.com/wines/reds').then(function(response) { response.headers.forEach(console.log); });