axios 使用方法了解

2019-07-08  本文已影响0人  肆意木

1. axios 是什么?

查到的资料只有这一句:基于Promise的http库,适用于浏览器和node.js。(就是在发送请求时用到的东西

2. 解决什么问题?

可以拦截发送的数据与返回的数据,这样在项目里面可以统一处理请求

3. 用法?

npm install axios

import axios from 'axios';

3.1 可以直接请求

POST请求

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

GET请求

axios.get('/user?ID=12345')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

3.2 也可以导入配置请求(项目中建议用导入配置的方法,代码看着更好)

axios(config)

// 发起一个POST请求
config = {
  method: 'post',
  url: '/user/12345',
  data: {
    firstName: 'Fred',
    lastName: 'Flintstone'
  }
}

4. 优势?

支持浏览器和node.js

支持promise

能拦截请求和响应

能转换请求和响应数据

能取消请求

自动转换JSON数据

浏览器端支持防止CSRF(跨站请求伪造)

5. 劣势?

在使用中暂时没有什么不方便的体验。

上一篇下一篇

猜你喜欢

热点阅读