如何使用 axios 捕获 http json 响应并将值传递给另一个函数？

Question

我正在尝试在 typescript 中对各种服务执行 GET 调用，并从它们的 json 响应中捕获一个值，该值将作为另一个函数中的参数传递。

通过一些在线搜索，我遇到了 axios，但我很难理解异步 API 以及如何处理 Promise。这是返回“未定义”作为输出的代码。

function getVersion(url: string) {
let version;
let res = await axios.get(url)
  .then((response: { data: { buildInfo: { details: { version: any; }; }; }; }) => {
    version = response.data.buildInfo.details.version;
    return version;
  })
  .catch((error: any) => {
    console.log(error);
  });
return version;

}

我也尝试过 async/await，但遇到了未处理的 Promise 问题。我不需要使用 axios，只要我可以访问响应以在后续函数中使用，任何库都可以。

Answer 1

你可以为getVersion()返回一个承诺

async function getVersion(url: string) {
  let res = await axios.get(url)
  .then((response: { data: { buildInfo: { details: { version: any; }; }; }; }) => {
    let version = response.data.buildInfo.details.version;
    return new Promise((resolutionFunc) => { // return a promise
       resolutionFunc(version);
    });
  })
  .catch((error: any) => {
    console.log(error);
  });
  return res;
}

getVersion(url).then(res => {console.log(res)})  // use 

或者你可以直接返回 axios，因为 axios 会返回一个 promise

async function getVersion(url: string) {
  let res = await axios.get(url)
  return res;
}

getVersion(url).then(res => {console.log(res)})  // use