Vue.js Axios接口请求封装
基于 Promise 的 Axios 接口求工具,挺适合用在 Vue 项目里的。它用起来比较灵活,支持浏览器和 Node 两边跑,兼容性也不错。你可以方便地发起 HTTP 求,比如get
、post
,响应也快,代码也清爽。
Vue 本身是不带 Ajax 功能的,所以得靠外部库来帮忙。Axios 算是目前呼声比较高的一个了,配置不复杂,功能却挺全的,像求拦截、响应拦截、自动转换 JSON 都有。
求失败还能取消求,甚至还能防止CSRF
攻击,对安全性也有考虑。一般在src/utils/request.js
里封装一层,把基础配置和拦截器统一掉,全项目都能用统一的接口求逻辑了。
如果你还不熟 Promise,建议先看看基于 Promise 的 HTTP 客户端:Axios这篇,讲得蛮清楚的。还有,如果你是用 React 的,也可以看看Axios React:HTTP 客户端组件。
,用 Axios 配 Vue,挺顺的,推荐封装一下统一调用方式,项目越大越省事。
223.45KB
文件大小:
评论区