0

我正在使用 node-fetch 模块进行 API 调用。我有一个可以进行所有 API 调用的函数。从这个函数中，我返回状态码和响应体。以下代码导致正文为空 -

function makeRequest (url,config) {

  return fetch(url,config)
  .then( (response) => {
    return {
      "status" : response.status,
      "payload": response.text()
    }
  })
  .catch( (error)=>  {
    console.log(error)
    return {
      "status": null,
      "payload" : error.message
    }
  })
}

async function getDestinationToken() {


  const config = {
    method : "POST",
    headers: {
      'Authorization': 'Basic ' + Buffer.from(sDestCredentials).toString('base64')
    },
    body : data
  }

  const url = uaa_service.credentials.url 

  console.log('Getting access Token')

  let response = await makeRequest(url,config)
  console.log("Response from token "+ response)
}

getDestinationToken()

据我了解， response.text() 返回一个承诺。在 getDestinationToken() 我正在等待它完成。那么，为什么它不起作用？它改为打印一个空正文，如下所示 -

       {
          "status" : 200,
          "payload": {}
        }

但是，如果我不从函数返回对象，如下所示，代码似乎可以工作。

function makeRequest (url,config) {

  return fetch(url,config)
  .then( (response) => {
    return response.text()
  })
  .catch( (error)=>  {
    console.log(error)
    return {
      "status": null,
      "payload" : error.message
    }
  })
}

在上述情况下，我可以看到响应负载。但是，我不能使用上述方法，因为我在调用函数中也需要 response.status。

如何解决这个嵌套的承诺？

4

2 回答 2

3

由于response.text()返回一个承诺，您必须等待它解析为文本，然后再发送回响应，否则它只会将未解析的承诺作为payload.

  return fetch(url,config)
    .then((response) => {
      return response.text().then(text => {
        return {
          status: response.status,
          payload: text
        }
      })
    })
于 2019-06-14T03:14:37.887 回答
2

作为 response.text() 返回 promise 使用async/await

    return fetch(url,config)
      .then( async (response) => {
        return {
          "status" : response.status,
          "payload": await response.text()
        }
      })

您可以混合async/await，.then但不建议这样做，因为whats-wrong-with-awaiting-a-promise-chain

纯的async/await

    async function makeRequest (url,config) {
      try{
        const response= await fetch(url,config)
        return{
          "status" : response.status,
          "payload": await response.text()
        }
      }
      catch(error) {
        console.log(error)
        return {
          "status": null,
          "payload" : error.message
        }
      }
    }
于 2019-06-14T03:24:39.573 回答