Axios 承诺解决/待处理承诺

Posted 2023-03-28

【中文标题】Axios 承诺解决/待处理承诺

【英文标题】：Axios Promise Resolution / Pending Promise

【发布时间】：2022-01-22 07:04:15

【问题描述】：

关于 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>*，但从未“收到”。这是为什么？如何等待后端的响应？

【问题讨论】：

您是否测试了后端路由本身？它适用于卷曲吗？顺便说一句，你能试试 async/await 吗？

嗨，是的，我现在还添加了“GET”作为方法：❯ curl -X GET "localhost:5000/auth/test" 返回 "msg":"Test Request"

好的。尝试使用 axios.get().then().catch(); （没有尝试捕获）。或者尝试使用 async/await。

这似乎也不起作用:( ``` const test = async () => await axios.get("localhost:5000/auth/test").then( (res) => console.log("收到") console.log(res) ).catch(err => console.error(err); ); ; ``

Http 方法应该是POST 而不是GET。

【参考方案1】：

您的代码将无法工作，因为 try/carch 块仅从等待的承诺中捕获错误。

因为await关键字悬念承诺并从中返回值。

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

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

【讨论】：

感谢您的回答。我以前有这个，但我不再使用这个版本得到任何日志或消息。 IDK，也许我在 React 的不同地方做错了什么

我用一个全新的 react 项目对此进行了测试。以上工作。