如何解决NodeJ中的嵌套promise？

Question

我正在使用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（）返回一个promise。 在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。

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

Answer 1

由于response.text()返回了一个Promise，因此您必须等待它解析为文本，然后再将响应发送回去，否则它只是将未解决的Promise作为payload发送回去。

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

Answer 2

作为response.text（）返回承诺使用async/await

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

您可以将async/await和.then混合使用.then但不建议这样做，因为等待承诺链出错了

纯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
        }
      }
    }