Vue.js Axios接口请求封装

基于 Promise 的 Axios 接口求工具,挺适合用在 Vue 项目里的。它用起来比较灵活,支持浏览器和 Node 两边跑,兼容性也不错。你可以方便地发起 HTTP 求,比如getpost,响应也快,代码也清爽。

Vue 本身是不带 Ajax 功能的,所以得靠外部库来帮忙。Axios 算是目前呼声比较高的一个了,配置不复杂,功能却挺全的,像求拦截、响应拦截、自动转换 JSON 都有。

求失败还能取消求,甚至还能防止CSRF攻击,对安全性也有考虑。一般在src/utils/request.js里封装一层,把基础配置和拦截器统一掉,全项目都能用统一的接口求逻辑了。

如果你还不熟 Promise,建议先看看基于 Promise 的 HTTP 客户端:Axios这篇,讲得蛮清楚的。还有,如果你是用 React 的,也可以看看Axios React:HTTP 客户端组件

,用 Axios 配 Vue,挺顺的,推荐封装一下统一调用方式,项目越大越省事。

pdf 文件大小:223.45KB