美文网首页
axios用法浅析

axios用法浅析

作者: 肖青荣 | 来源:发表于2020-11-16 21:57 被阅读0次
axios的基本特性

1.支持浏览器和node.js
2.支持promise
3.能拦截请求和响应
4.自动转换JSON数据

get

 axios.get('http://baidu.com').then(res => {
      console.log(res);
    }).catch(err => {
      console.log(err);
    })

get传递参数

1.通过URL传递参数
2.通过params选项传递参数

   axios.get('http://baidu.com?id=123').then(res => {
      console.log(res);
    })
    axios.get('http://baidu.com/123').then(res => {
      console.log(res);
    })

    axios.get('/adata', {
      params: {
        id: 123
      }
    }).then(res => {
      console.log(res);
    })
post传递参数

通过选项传递参数,默认传递JSON格式的数据

   axios.post('/adata', {
      uname: 'tom',
      pwd: 123
    }).then(res => {
      console.log(res);
    })

通过URLParams传递参数

    const params = new URLSearchParams();
    params.append('uname', 'zs');
    params.append('pwd', '123')
    axios.post('/adata', params).then(res => {
      console.log(res);
    })
axios的响应结果

data: 实际响应回来的数据
headers:响应头信息
status:响应状态码
statusText:响应状态信息

全局配置
axios.defaults.timeout = 5000;//超时时间
axios.defaults.baseURL = 'http://baidu.com/api';//默认地址
axios.defaults.header['token'] = 'qwqewerwerwqerwqer123wer23';//设置请求头
axios拦截器
//添加拦截器
  axios.interceptors.request.use(config => {
 //在这里对返回的数据进行处理
      return config
    }, err => {
      console.log(err);//处理错误信息
    })

相关文章

  • axios用法浅析

    axios的基本特性 1.支持浏览器和node.js2.支持promise3.能拦截请求和响应4.自动转换JSON...

  • vue+axios+promise实际开发用法(转载)

    引用vue+axios+promise实际开发用法

  • 8-7、静态方法扩展

    需求 官方axios库实现了axios.all、axios.spread等方法,它们的用法如下: 实际上,axio...

  • Vue接口调用方式(二)axios用法

    axios用法 ✍目录总览: 1. axios的基本特性 axios 是一个基于Promise用于浏览器和node...

  • 浅析 go context

    浅析 go context 用法demo WithCancelfunc WithCancel(parent Con...

  • axios用法

    使用npm下载 npm install axios 我建了一个api文件来统一管理方便省事 然后引入 这个时候写了...

  • axios浅析(一)

    一、axios是什么   axios 是一个轻量的 HTTP客户端基于 XMLHttpRequest 服务来执行 ...

  • 六、Vue.js

    一、发送AJAX请求 1.简介 2,使用axios发送ajax请求 2.1安装axios并引入 2.1基本用法 3...

  • axios 网络请求

    一、安装 axios 依赖 二、导入axios 三、基础用法 1、不传参数(默认是get请求 ) 2、不传参数(第...

  • axios请求---进阶用法

    上一篇文章里面大致记录了一下axios的基础用法这一篇文章主要记录axios的进阶用法:实例、配置、拦截器、取消请...

网友评论

      本文标题:axios用法浅析

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