美文网首页
axios 使用方法了解

axios 使用方法了解

作者: 肆意木 | 来源:发表于2019-07-08 21:44 被阅读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. 劣势?

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

    相关文章

      网友评论

          本文标题:axios 使用方法了解

          本文链接:https://www.haomeiwen.com/subject/ourzhctx.html