关于vue.js:axios总结

39次阅读

共计 658 个字符,预计需要花费 2 分钟才能阅读完成。

一.axios


1. 什么是 axios

axios 是一个基于 Promise 用于浏览器和 nodejs 的 HTTP 客户端。简略的了解就是 ajax 的封装

它自身具备以下特色:

 1. 从浏览器中创立 XMLHttpRequest  
 2. 从 node.js 收回 http 申请  
 3. 反对 Promise API  
 4. 拦挡申请和响应  
 5. 转换申请和响应数据  
 6. 勾销申请  
 7. 主动转换 JSON 数据
 8. 客户端反对避免 CSRF/XSRF

2. 装置

nodeJs + webpack+vue+ element ui 环境装置

二.axios  API


(1). 向 axios 传递相干配置来创立申请

(2).axios 提供了一下几种申请形式



(3). 申请配置






(4). 响应构造


(5). 配置的默认值 /defaults


(6). 拦截器

(7). 错误处理

三. 留神细节


1. 援用 axios 时

Vue.prototype.axios = axios  Vue.prototype.$axios = axios    Vue.prototype.$http = axios  其实是都一个货色,只是 vue 的原型链上加个变量(且变量不同),值是 axios 对象。只是 一个是 jquery 封装过的异步调用办法    一个是 vue 举荐的第三方异步封装办法  他们都是调用的 axios 对象

只是调用的时候 axios.post({..})   this.$axios.post({...})     this.$http.post({....})

四. 案例


1. 本地 data.json(f 放在 src 同级)


2. 批改 webpack-dev-conf.js

3.axios.vue




正文完
 0