在async函数中使用axios

最新推荐文章于 2025-02-13 23:54:14 发布

Congnandaobei

最新推荐文章于 2025-02-13 23:54:14 发布

阅读量618

点赞数

CC 4.0 BY-SA版权

分类专栏：同步和异步文章标签：在async函数中使用axios

本文链接：https://blog.youkuaiyun.com/Congnandaobei/article/details/93628881

同步和异步专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种使用Axios库进行异步HTTP请求的方法，通过示例代码展示了如何在前端开发中发送GET请求并处理响应。文章重点讲解了如何使用async/await语法简化异步操作，并提供了错误处理策略。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  <script>
    // 前端开发中异步代码最多的就是发请求
    async function main () {
      // axios({
      //   method: 'GET',
      //   url: 'http://localhost:3000/heros'
      // }).then(res => {
      //   console.log(res)
      // })
      try {
        const heroRes = await axios({
          method: 'GET',
          url: 'http://localhost:3000/heros'
          //这个地址是我本地的。
        })
        
        console.log(heroRes)

        const postRes = await axios({
          method: 'GET',
          url: 'http://localhost:3000/posts'
          //这个地址是我本地的。
        })

        console.log(postRes)
      } catch (err) {
        console.log('请求出错了', err)
      }
    }

    main()
  </script>
</body>
</html>