axios

最新推荐文章于 2024-09-29 20:25:59 发布

錯過一個夏天

最新推荐文章于 2024-09-29 20:25:59 发布

阅读量110

点赞数

文章标签： ajax node.js http

本文链接：https://blog.csdn.net/ply6686/article/details/120634771

版权

Axios是一个基于Promise的HTTP库，适用于浏览器和node.js。它可以创建XMLHttpRequests，支持Promise API，允许拦截请求和响应，转换数据，并且有客户端XSRF防御。文章详细介绍了axios的安装、常用API、实例创建、请求配置、拦截器的使用，以及在Vue项目中的集成方法。

摘要由CSDN通过智能技术生成

一、说明
Axios是一个基于Promise（ES6中用于处理异步的）的HTTP库，用于浏览器和node.js中，API。

浏览器中创建XMLHttpRequests
从node.js中创建http请求
支持Promise API
拦截请求和响应
转换请求数据和响应数据
取消请求
自动转换JSON数据
客户端支持防御XSRF

二、安装
npm安装：npm i axios；
使用cdn：<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
三、常用api说明
可使用万能地址发送做测试。客户端使用即在原来ajax代码替换成axios。
1、get请求axios.get(url[, config])

// 为给定 ID 的 user 创建请求
axios.get('/user?ID=12345')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

// 可选地，上面的请求可以这样做
axios.get('/user', {
    params: {
      ID: 12345
    }
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

axios对象调用get方法，.then()成功回调，.catch()失败回调。
get方法也可以把url中的参数提出来单独放到一个对象中。
2、post请求axios.post(url[, data[, config]])

axios.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });