axios

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

特点

  • 浏览器端发动 XMLHttpRequests 申请
  • node 端发动 http 申请
  • 反对 Promise API
  • 监听申请和返回
  • 转化申请和返回
  • 勾销申请
  • 主动转化 json 数据
  • 客户端反对抵挡

装置

  • npm 装置

    $ npm install axios

  • bower 装置

    $ bower install axios

  • 通过 cdn 引入

    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

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'}},