1

一.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 传递相关配置来创建请求

image

(2).axios提供了一下几种请求方式

image
image
image

(3).请求配置

image
image
image
image
image
image

(4).响应结构

image
image

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

image
image

(6).拦截器

image

(7).错误处理

image

三.注意细节


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同级)

image
image

2.修改webpack-dev-conf.js

image

3.axios.vue

image
image
image
image


半颠
24 声望3 粉丝

« 上一篇
Ajax总结
下一篇 »
算法的加密