axios

最新推荐文章于 2026-07-27 18:01:39 发布

原创最新推荐文章于 2026-07-27 18:01:39 发布 · 167 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

VUE

当前文章被收录于：

VUE

26 篇文章 1 人学习

VUE笔记整理

订阅专栏查看详情

当前文章被以下社区和专栏收录：

axios

axios的基础语法
发起 GET 请求：
发起 POST 请求：
结合async和await

axios的基础语法

axios({
	methid:'请求的类型',
	url:'请求的URL地址',
}).then((result) => {
	//.then用来指定请求成功之后的回调函数
	//新惨重的result是请求成功之后的结果
})

发起 GET 请求：

axios({
  // 请求方式
  method: 'GET',
  // 请求的地址
  url: 'http://www.liulongbin.top:3006/api/getbooks',
  // URL 中的查询参数
  params: {
    id: 1
  }
}).then(function (result) {
  console.log(result)
})

发起 POST 请求：

document.querySelector('#btnPost').addEventListener('click', async function () {
  // 如果调用某个方法的返回值是 Promise 实例，则前面可以添加 await！
  // await 只能用在被 async “修饰”的方法中
  const { data: res } = await axios({
    method: 'POST', 
    url: 'http://www.liulongbin.top:3006/api/post',
    data: {
      name: 'zs',
      age: 20
    }
  })
  console.log(res)
})