乐趣区

关于axios:axios请求

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'
}
},
退出移动版