文章摘要： HTTP网络请求组件。

相关信息

外部相关文章

内部相关文章

简介

  • Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。

特性

  • 从浏览器创建 XMLHttpRequests
  • 从 node.js 创建 http 请求
  • 支持 Promise API
  • 拦截请求和响应
  • 转换请求和响应数据
  • 取消请求
  • 超时处理
  • 查询参数序列化支持嵌套项处理
  • 自动将请求体序列化为：
    • JSON (application/json)
    • Multipart / FormData (multipart/form-data)
    • URL encoded form (application/x-www-form-urlencoded)
  • 将 HTML Form 转换成 JSON 进行请求
  • 自动转换JSON数据
  • 获取浏览器和 node.js 的请求进度，并提供额外的信息（速度、剩余时间）
  • 为 node.js 设置带宽限制
  • 兼容符合规范的 FormData 和 Blob（包括 node.js）
  • 客户端支持防御XSRF

安装

使用npm安装

npm install axios

Axios API

方法

  • axios(config)：可以向 axios 传递相关配置来创建请求。

参数

  • method：请求方式，get、post、delete、patch、put。
  • url：请求地址
  • data：

案例

const logon_submit = axios({
    method: 'post',
    url: '/user/logon',
    data: {
        account: "YH202408091830001000",
        password: "123456",
        check_code_type: 'image',
        check_code: 'abcd',
    }
}).then(reactive => {
    console.log("数据：" + reactive.data)
})


// 用GET请求方式获取远程图片
axios({
    method: 'get',
    url: 'http://localhost:8080',
    responseType: 'stream',
}).then()

axios常用语法

axios(config)：通用/最本质的发任意类型的方式。 axios(url[,config])：可以指定url发get请求。 axios.request(config)：等同于axios(config)。 axios.get(url[,config])：发get请求。 axios.post()

更新时间: