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
写得更优雅。
如果你想深入了解GET
、POST
这些用法,可以看看《详解 axios 全攻略之基本与使用(GET 与 POST)》,讲得挺细的,带代码示例。
还有,如果你正在用Vue.js
,这篇《Vue.js 中使用 Axios 进行 Ajax 求》也可以顺带看下,顺手不少坑。
建议你在项目中封装一个request.js
,把baseURL
、拦截器这些抽出来,用起来更清爽。嗯,自己动手封装一次,对整个求流程理解也会更清晰。
84B
文件大小:
评论区