Axios基本使用教程

axios 的基础用法,算是前端里常见的老朋友了。封装好的 HTTP 求库,语法简单,写起来比原生XMLHttpRequest省事太多,跟fetch比也更灵活,支持求拦截、响应,还能直接设置超时、baseURL 这些常用配置。

GET 求比较常用,比如你要获取一份用户列表:

axios.get('/api/users')
  .then(res => console.log(res.data))
  .catch(err => console.error(err));

POST 求写法也直观,适合提交表单或者传递一些业务数据:

axios.post('/api/login', {
  username: 'admin',
  password: '123456'
})
.then(res => console.log(res.data))
.catch(err => console.error(err));

默认axios求是异步的,支持Promise,链式调用挺顺手的。用在Vue项目里也方便,可以挂到全局,也可以搭配async/await写得更优雅。

如果你想深入了解GETPOST这些用法,可以看看《详解 axios 全攻略之基本与使用(GET 与 POST)》,讲得挺细的,带代码示例。

还有,如果你正在用Vue.js,这篇《Vue.js 中使用 Axios 进行 Ajax 求》也可以顺带看下,顺手不少坑。

建议你在项目中封装一个request.js,把baseURL、拦截器这些抽出来,用起来更清爽。嗯,自己动手封装一次,对整个求流程理解也会更清晰。

txt 文件大小:84B