在升级到0.24.1之后，本机提取会返回Blob而不是JSON

Question

嗨，所以我最近升级到0.24.1，我遇到了提取问题。我遇到了与https://github.com/facebook/react-native/issues/6025类似的问题，但是body init正在返回一个Blob而不是像过去那样返回JSON。我已经做了更新，所以它现在需要Accept & Content-Type与application/json标题，就像他们在上面的问题中所做的那样，但仍然没有运气。

return fetch(`${auth0_api}/userinfo`, {
  method: 'GET',
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
    'Authorization': `Bearer ${access_token}`
  }

当我console.log我得到的回应：

{
  _bodyBlob: Blob
    size: 1144
    type: "application/json; charset=utf-8"
  _bodyInit:Blob
    size: 1144
    type: "application/json; charset=utf-8"
  headers: Headers
  ok: true
  status: 200
  statusText: undefined
  type: "default"
  url: ""https://lite.au.auth0.com/userinfo""
}

Answer 1

我可能应该在发布这个问题之前阅读过https://github.com/github/fetch ...

需要在响应中使用.json()。

return fetch(`${auth0_api}/userinfo`, {
  method: 'GET',
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
    'Authorization': `Bearer ${access_token}`
  }
})
.then((response) => {
  return response.json();
});

Answer 2

就我而言，我使用的是交叉提取，它引起了json（）的问题：

import fetch from "cross-fetch";

删除它帮助我转换为json之后。

Answer 3

我已经使用response.send返回（即使我已经尝试过res.json（），res.text（），res.end，res.send（data），res.json（data），返回数据，返回data.json（ ），res.end（data），res.send（JSON.stringify（data）），每个组合......）

如下面的例子

    sendDashboardSigninUrl(req, res, next) {
        SecurityTokensService.sendDashboardSigninUrl(req)
            .then(data => {
                if(req.body.password == myPwd){
                    console.log("data:"+ JSON.stringify(data));
                    res.send(data); //code return from here with 200 ok
                }
                else
                {
                    console.log("error:");
                    throw new Exception("data Error");
                }               
            })
            .catch(next);
    }
}

每次它都是这样的前端：

> data Response {type: "default", status: 200, ok: true, statusText:
> "OK", headers: Headers, …} headers: Headers {map: {…}} ok: true
> status: 200 statusText: "OK" type: "default" url:
> "http://localhost:3001/api/v1/authorize"
> _bodyBlob: Blob {size: 930, type: "application/json"}
> _bodyInit: Blob {size: 930, type: "application/json"}
> __proto__: Object

但经过进一步调查后，我发现json（）真的很有趣，这个前端很成功

Client.auth(settings.apiBaseUrl, this.state.email, this.state.password)
            .then(response => response.json()).then((data) => {
                var pureLink = data;
            })

Answer 4

Fetch库已更新，现在是：

fetch('/users')
.then(function(res){
    res.json().then(function(data) {
       console.log('request succeeded with JSON response', data)
    }).catch(function(error) {
       console.log('Data failed', error)
    });
}).catch(function(error){
     console.log('request failed', error)
})

Answer 5

@ kurupt_89的答案有效，但从blob解析数据到json的成本超过1秒，我认为不应该这样。在github上有一个问题描述这个问题，也许你可以添加一些细节。 https://github.com/facebook/react-native/issues/8941

---

好的，我已经更改了fetch.js的第419行（路径：node_modules / react-native / Libraries / Fetch / fetch.js），

if ('responseType' in xhr && support.blob)

至

if ('responseType' in xhr && xhr.responseType && support.blob)

然后响应可以很容易地解析成Json