博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
axios 的用法
阅读量:6475 次
发布时间:2019-06-23

本文共 1878 字,大约阅读时间需要 6 分钟。

 

Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 由于使用了 es6 的 promise 所以指兼容高版本浏览器

 

 

 

配置全局的 axios 默认值

  axios.defaults.baseURL = 'https://api.example.com'

  axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;

  axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8'

 

一、get请求

  1. axios.get(url[,config])  

 

axios.get('/api/crm/v1/order/list?pages=1&token=YmEzYWZ') //可以将信息拼接在url后面   .then(function (response) {       console.log(response);    })    .catch(function (error) {       console.log(error);    });

 

//可以将信息放在config对象中,需要注意的是 post方式对应的是 data 而 get方式对应的是 paramsaxios('/api/crm/v1/order/list',{    params:{        pages: 1,        token: 'YmEzYWZkMWUzZDI0ZmI0NDc3NDJjNDU2ZGFjNjc1NDk3YmVmMjE3MQ=='    }})

 

2. axios(config) 、axios(url[,config])、 axios.request(config)

 所有的方式会将参数合并到一个对象中,作为config参数最终调用 axios.request 接口

 

axios({
  method: 'get',  url: '/api/crm/v1/order/list',  params:{    pages: 1,    token: 'YmEzYWZkMWUzZDI0ZmI0NDc3NDJjNDU2ZGFjNjc1NDk3YmVmMjE3MQ=='  }})

  

二、post请求

  1. axios.post(url[,data[,config]])  

  

             

    没有设置全局Content-Type,config也没有设置Content-Type时 axios会根据data的类型设置相应的 Content-Type;

    如果Content-Type 为 application/x-www-form-urlencoded;charset=utf-8,不同于jquery.ajax的post方式可以直接传入数组或是对象,因为jquery会在内部调用 jquery.param 方法创建数组或对象的序列化表示。但是在axios 中只对get方式传入的对象或是数组进行了序列化处理。post方式需要我们自己进行序列化处理。node中可以使用 querystring.stringify 方法。

 

axios.post('/api/crm/v1/order/list', 'page=1&token=YmEzYWZk')

  

 

axios.post('/api/crm/v1/order/list', '', {        data: 'page=1&token=YmEzYWZk',        headers:{            'content-type': 'application/x-www-form-urlencoded;charset=utf-8'        }    })

 


2. axios(config) 、axios(url[,config])、 axios.request(config)

 

axios({
   method: 'post', url: '/api/crm/v1/order/list', data: 'page=1&token=YmEzYWZk'})

 

 

 

    

     

 

转载于:https://www.cnblogs.com/angleBrackets/p/9316932.html

你可能感兴趣的文章
bootstrap
查看>>
[转] mongoose 之Shema
查看>>
[转] 重定向 CORS 跨域请求
查看>>
在react中实现打印功能
查看>>
MySql导入Sql文件
查看>>
python pcapy 安装错误 link.exe failed with exit status 1120
查看>>
1592: [Usaco2008 Feb]Making the Grade 路面修整
查看>>
对GCDAsyncSocket第三方的封装
查看>>
[译] Flutter 从 0 到 1
查看>>
JNI相关概念的理解
查看>>
关于AppDelegate瘦身的多种解决方案
查看>>
三年百度,五年阿里,阿里p8架构师浅谈:我是如何顺利进入BAT
查看>>
SharePoint 更新word 等文档的内容,包括替换哦。功能强大
查看>>
重学前端(九)-head
查看>>
Lua Web快速开发指南(5) - 利用template库构建httpd模板引擎
查看>>
抽象类 接口
查看>>
测试八 赛后感受
查看>>
锁与分区
查看>>
ubuntu常用命令
查看>>
iOS-Runtime知识点整理
查看>>