在async函数中使用axios

<!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>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
async和await可以与axios一起使用,以实现更简洁的异步操作。在使用axios发送请求时,可以将其包装在一个async函数,并使用await关键字等待请求的响应。下面是一个示例代码: ```javascript async function fetchData() { try { const response = await axios.get('https://api.example.com/data'); console.log(response.data); } catch (error) { console.error(error); } } ``` 在上面的代码,我们定义了一个名为fetchData的async函数使用await关键字等待axios.get方法返回的Promise对象。当请求成功时,我们可以通过response.data访问响应的数据。如果请求失败,我们可以通过catch块捕获错误并进行处理。 请注意,使用async和await时,函数必须使用async关键字进行修饰,以便在函数内部使用await关键字。同时,使用axios时,需要确保axios库已经被正确引入。 希望这个回答对您有帮助!\[1\] #### 引用[.reference_title] - *1* [async await结合axios使用](https://blog.csdn.net/weixin_40509884/article/details/103672564)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [axios的同步请求及Promise与Async/Await](https://blog.csdn.net/qq_43345846/article/details/117247999)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值