Axios Promise 解析/未决 Promise

Question

关于 JS 中的承诺解析，我有以下问题。

前端代码：

const test = () => {
    try {
      let response = axios.post("http://localhost:5000/auth/test").then(
        (res) => {
          console.log("received")
          console.log(res)
      });
      console.log(response);
    } catch (error) {
      console.error(error);
    }
  };

后端python代码：

@auth.route("/test", methods=["POST"])
def test():
    import time
    time.sleep(0.5)
    return jsonify("Test Request"), 200

在我的控制台中显示 *Promise {<pending>}* 但从未“收到”。这是为什么？如何等待后台响应？

Answer 1

你的代码不会工作，因为 try/carch 块只捕获来自等待承诺的错误。

因为await关键字悬念承诺和return价值

这与您收到 Promise {<pending>} 消息的原因相同。

async function test() {
  try {
    let response = await axios.post("http://localhost:5000/auth/test");
    console.log(response);
  } catch (error) {
    console.error(error);
  }
}

Axios Promise 解析/未决 Promise

Axios Promise Resolution / Pending Promise

javascript

es6-promise

axios