我有一个源代码无法访问的服务器，所以我不知道它在那里发生了什么 .
我正在尝试向它发送CORS请求，请求成功 . 响应应该有一个Location标头，我可以使用cURL以及Dev Tools中的Firefox的Network Monitor选项卡确认它是否存在 . 但我无法使用XMLHttpRequest或fetch api在JavaScript中访问它 .
我使用fetch api的代码如下 .
fetch(url, {
method: 'post',
mode: 'cors',
credentials: 'include',
body: 'creating a new session',
headers: {
'Access-Control-Request-Headers': 'Location',
'Content-Type': 'text/html',
},
}).
then((res) => {
if (res.status >= 200 && res.status < 300) {
console.log('Location:', res.headers.get('Location'));
} else {
throw new Error('Ooops...something went wrong.');
}
})
.catch(e => console.log(e.message));
在Firefox的网络监视器选项卡中，我收到以下条目 .
[Response Headers]
Access-Control-Allow-Credentials: "true"
Access-Control-Allow-Origin: "http://localhost:8081"
Content-Length: <some length>
Date: <some date>
Location: <required info is shown>
Server: <some info>
[Request Header]
Host: <host name>
User Agent: <user agent info for Firefox>
Accept: <a lot of stuff>
Accept-Language: "en-US,en;q=0.5"
Accept-Encoding: "gzip, deflate"
Content-Type: "text/plain;charset=UTF-8"
Referer: "http://localhost:8081"
Origin: <same as Referer>
Content-Length: "22"
Authorization: <some string>
Connection: "keep-alive"
如何提取Location标头需要做什么？
1 回答
正如@JaromandaX指出的那样，服务器响应中缺少
'Access-Control-Expose-Headers': 'Location'导致无法从响应对象访问Location标头 . 不得不在服务器中修复它，现在一切都很完美 .