axios请求

axios

基于 http 客户端的 promise，面向浏览器和 nodejs

特点

• 浏览器端发起 XMLHttpRequests 请求
• node 端发起 http 请求
• 支持 Promise API
• 监听请求和返回
• 转化请求和返回
• 取消请求
• 自动转化 json 数据
• 客户端支持抵御

安装

• npm 安装

  $ npm install axios

• bower 安装

  $ bower install axios

• 通过 cdn 引入

axios 常用的方法

• axios.get(url[, config]) //get 请求用于列表和信息查询
• axios.delete(url[, config]) //删除
• axios.post(url[, data[, config]]) //post 请求用于信息的添加
• axios.put(url[, data[, config]]) //更新操作

axios相关配置属性

url是用于请求的服务器URL

method是创建请求时使用的方法,默认是get

baseURL将自动加在url前面，除非url是一个绝对URL。它可以通过设置一个baseURL便于为axios实例的方法传递相对URL

transformRequest允许在向服务器发送前，修改请求数据，只能用在'PUT','POST'和'PATCH'这几个请求方法

headers是即将被发送的自定义请求头

headers:{'X-Requested-With':'XMLHttpRequest'},

params是即将与请求一起发送的URL参数，必须是一个无格式对象(plainobject)或URLSearchParams对象

params:{
ID:12345
},

auth表示应该使用HTTP基础验证，并提供凭据 这将设置一个Authorization头，覆写掉现有的任意使用headers设置的自定义Authorization头

auth:{
username:'janedoe',
password:'s00pers3cret'
},

'proxy'定义代理服务器的主机名称和端口 auth表示HTTP基础验证应当用于连接代理，并提供凭据 这将会设置一个Proxy-Authorization头，覆写掉已有的通过使用header设置的自定义Proxy-Authorization头。

proxy:{
host:'127.0.0.1',
port:9000,
auth::{
username:'mikeymike',
password:'rapunz3l'
}
},