基于Axios 常用的请求方法别名(详解)


Posted in Javascript onMarch 13, 2018

Axios

是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。

常用的请求方法别名一般有: Get/post/http协议请求

执行Get请求

function get(){
 return axios.get('/data.json', {
    params:{
     id:1234
    }
    }).then(function (response) {
     console.log(response);
    })
   .catch(function (error) {
    console.log(error);
   });
 }

使用get方法进行传参数的时候用的是 params方法

执行Post请求

function post(){
return axios.post('/data.json', {
  id:1234
    })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });
 }

使用post方法进行传参数的时候是直接进行数据的传递,这也是两种方法的区别。

执行http协议请求

function http(){
 return axios({
 method: 'post',
 url: '/data.json',
 data: {
  id: 1111,
 },
params: {
 id:2222,
 }).then(res=>{
  this.msg=res.data;
 });
}

注意这里的区别,当使用post请求的时候,进行数据的传参使用的是data方法,而使用get请求的时候,使用的是params方法。

使用拦截器:

在请求或响应被 then 或 catch 处理前拦截它们。

// 添加请求拦截器
mounted:function(){
  axios.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    return config;
   }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
   });
// 添加响应拦截器
  axios.interceptors.response.use(function (response) {
    // 对响应数据做点什么
    return response;
   }, function (error) {
    // 对响应错误做点什么
    return Promise.reject(error);
   });
}

以上这篇基于Axios 常用的请求方法别名(详解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript document.referrer 用法
Apr 30 Javascript
原生javascript获取元素样式
Dec 31 Javascript
JavaScript设置body高度为浏览器高度的方法
Feb 09 Javascript
JavaScript基础教程——入门必看篇
May 20 Javascript
JavaScript必知必会(六) delete in instanceof
Jun 08 Javascript
js 中获取制定的cook信息实现方法
Nov 19 Javascript
JavaScript基于activexobject连接远程数据库SQL Server 2014的方法
Jul 12 Javascript
JavaScript实现单例模式实例分享
Dec 22 Javascript
angular-tree-component的使用详解
Jul 30 Javascript
vue 循环加载数据并获取第一条记录的方法
Sep 26 Javascript
Vue项目路由刷新的实现代码
Apr 17 Javascript
JS实现滚动条触底加载更多
Sep 19 Javascript
Bootstrap 中data-[*] 属性的整理
Mar 13 #Javascript
JS实现的集合去重,交集,并集,差集功能示例
Mar 13 #Javascript
setTimeout时间设置为0详细解析
Mar 13 #Javascript
vue-cli脚手架config目录下index.js配置文件的方法
Mar 13 #Javascript
用vue写一个仿简书的轮播图的示例代码
Mar 13 #Javascript
vue-cli脚手架引入图片的几种方法总结
Mar 13 #Javascript
解决vue-cli创建项目的loader问题
Mar 13 #Javascript
You might like
PHP多文件上传类实例
2015/03/07 PHP
php实现用于计算执行时间的类实例
2015/04/18 PHP
10款PHP开源商城系统汇总介绍
2015/07/23 PHP
PHP中$GLOBALS['HTTP_RAW_POST_DATA']和$_POST的区别分析
2017/07/03 PHP
php curl操作API接口类完整示例
2019/05/21 PHP
完美解决JS中汉字显示乱码问题(已解决)
2006/12/27 Javascript
超强的IE背景图片闪烁(抖动)的解决办法
2007/09/09 Javascript
javascript操作JSON的要领总结
2012/12/09 Javascript
文字不间断滚动(上下左右)实例代码
2013/04/21 Javascript
js简单实现让文本框内容逐个字的显示出来
2013/10/22 Javascript
JQuery标签页效果实例详解
2015/12/24 Javascript
下一代Bootstrap的5个特点 超酷炫!
2016/06/17 Javascript
JS中用三种方式实现导航菜单中的二级下拉菜单
2016/10/31 Javascript
基于MVC方式实现三级联动(JavaScript)
2017/01/23 Javascript
AngularJS封装$http.post()实例详解
2017/05/06 Javascript
JavaScript数组去重的多种方法(四种)
2017/09/19 Javascript
JS闭包经典实例详解
2018/12/20 Javascript
Angular7.2.7路由使用初体验
2019/03/01 Javascript
Nodejs让异步变成同步的方法
2019/03/02 NodeJs
webpack4实现不同的导出类型
2019/04/09 Javascript
js实现简单页面全屏
2019/09/17 Javascript
使用Typescript开发微信小程序的步骤详解
2021/01/12 Javascript
推荐下python/ironpython:从入门到精通
2007/10/02 Python
Python列出一个文件夹及其子目录的所有文件
2016/06/30 Python
Python实现带参数与不带参数的多重继承示例
2018/01/30 Python
Python中的函数作用域
2018/05/07 Python
python保存数据到本地文件的方法
2018/06/23 Python
Python多进程fork()函数详解
2019/02/22 Python
pycharm编写spark程序,导入pyspark包的3中实现方法
2019/08/02 Python
解析python 类方法、对象方法、静态方法
2020/08/15 Python
英国屋顶用品和材料超市:Roofing Supplies UK
2019/08/24 全球购物
试用期员工工作自我评价
2014/09/10 职场文书
汽车4S店销售经理岗位职责
2015/04/02 职场文书
离婚起诉书范本
2015/05/18 职场文书
健康教育主题班会
2015/08/14 职场文书
python实现语音常用度量方法的代码详解
2021/05/25 Python