javascript - 使用 fetch 时文本响应为空

Question

以下代码:

fetch('http://localhost:8080/root/1487171054127/k_query_bearer_token', {
        mode: 'no-cors', credentials: 'include'
    })
        .then(function (response) {
            return response.text();
        })
        .then(function (text) {
            console.log('Request successful', text.length);
        })
        .catch(function (error) {
            log('Request failed', error)
        });

正在输出:

Request successful 0

如果我使用 curl:

curl 'http://localhost:8080/root/1487171054127/k_query_bearer_token' \
  -H 'Cookie: JSESSIONID=CviS9IK8pcsqADdP-m0MRXX_AvUqfzjJPwk1Yytf.ee16d0a01ad5' 

我得到一个文本形式的 token (长度!= 0)。

如果我通过以下方式输出响应 header :

curl 'http://localhost:8080/root/1487171054127/k_query_bearer_token' 
  -H 'Cookie: JSESSIONID=CviS9IK8pcsqADdP-m0MRXX_AvUqfzjJPwk1Yytf.ee16d0a01ad5'
  --head

我得到:

HTTP/1.1 200 OK
Connection: keep-alive
X-Powered-By: Undertow/1
Server: JBoss-EAP/7
Content-Type: text/plain
Content-Length: 1730
Date: Wed, 15 Feb 2017 16:17:00 GMT

为什么我通过 fetch 获取不到文本？

Answer 1

移除 mode: 'no-cors'。

当你使用 no-cors 模式时，你明确指定你想要一个 “opaque response” .

您的脚本无法访问不透明响应的任何属性——实际上您所能做的就是缓存它。 no-cors 模式基本上只有在使用 Service Worker 进行缓存时才有用。

如果您的脚本使用 no-cors 模式的原因是因为对服务器的跨源请求否则将不起作用，正确的解决方案是将服务器端代码更新为发送 Access-Control-Allow-Origin 响应 header 和其他 CORS header - 如果您有权访问服务器，请执行此操作 - 否则，使用像 https://cors-anywhere.herokuapp.com/ 这样的代理.