当 axios 位于 Promise 链中时，如何获得响应？

Question

我有一些我想要理解的 javascript 代码。我有一个返回 Promise 的函数，并且在 then 块之一中我有一个 axios.post（来自 axios 库）。当这个函数运行时，在控制台中我看到“在这里完成”，但我从来没有看到“后完成”。我认为这是因为函数在 axios.post 响应返回之前完成？那是对的吗？如果我还希望在控制台中显示“发布完成”，我需要做什么？

function X () {
  return new Promise((resolve, reject) => {
    if (x) {
      ...
      resolve();
    } else {
      ...
      reject();
    }
  }).then(() => {
    axios.post(
      url, 
      data
    ).then((response) => {
      ...
      console.log("post complete");
    });
  }).then(() => {
    ...
    console.log("finish here");
  });
}

Answer 1

您不会将 axios 承诺返回到主承诺链。无论如何，你真的不应该嵌套这样的承诺；如果 then 或 catch 回调返回一个 Promise，它将冒泡到主链并且可以直接从那里链接。试试这个：

function X () {
  return new Promise((resolve, reject) => {
    if (x) {
      ///...
      resolve();
    } else {
      ///...
      reject();
    }
  })
  .then(() => axios.post(url, data))
  .then(response => {
    //...
    console.log("post complete");
  })
  .then(() => {
    ///...
    console.log("finish here");
  });
}