基于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 相关文章推荐
jquery $.ajax()取xml数据的小问题解决方法
Nov 20 Javascript
使用delegate方法为一个tr标签加一个链接
Jun 27 Javascript
javascript中Array数组的迭代方法实例分析
Feb 04 Javascript
DeviceOne 让你一见钟情的App快速开发平台
Feb 17 Javascript
通过Tabs方法基于easyUI+bootstrap制作工作站
Mar 28 Javascript
基于jquery fly插件实现加入购物车抛物线动画效果
Apr 05 Javascript
JS中的事件委托实例浅析
Mar 22 Javascript
vue中的$emit 与$on父子组件与兄弟组件的之间通信方式
May 13 Javascript
详解vue-router 命名路由和命名视图
Jun 01 Javascript
vue采用EventBus实现跨组件通信及注意事项小结
Jun 14 Javascript
selenium+java中用js来完成日期的修改
Oct 31 Javascript
Jquery如何使用animation动画效果改变背景色的代码
Jul 20 jQuery
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极大的增强功能和性能
2006/10/09 PHP
PHP Global变量定义当前页面的全局变量实现探讨
2013/06/05 PHP
解析php中const与define的应用区别
2013/06/18 PHP
反射调用private方法实践(php、java)
2015/12/21 PHP
分享50个提高PHP执行效率的技巧
2015/12/26 PHP
PHP PDOStatement::errorInfo讲解
2019/01/31 PHP
PHP7 新增功能
2021/03/09 PHP
编写Js代码要注意的几条规则
2010/09/10 Javascript
纯JAVASCRIPT图表动画插件Highcharts Examples
2011/04/16 Javascript
基于Jquery+Ajax+Json的高效分页实现代码
2011/10/29 Javascript
JavaScript四种调用模式和this示例介绍
2014/01/02 Javascript
动态的创建一个元素createElement及删除一个元素
2014/01/24 Javascript
Javascript对象Clone实例分析
2015/06/09 Javascript
前端js文件合并的三种方式推荐
2016/05/19 Javascript
AngularJS中的路由使用及实现代码
2017/10/09 Javascript
浅谈Vue下使用百度地图的简易方法
2018/03/23 Javascript
puppeteer库入门初探
2019/01/09 Javascript
vue增加强缓存和版本号的实现方法
2019/05/01 Javascript
JS回调函数 callback的理解与使用案例分析
2019/09/09 Javascript
在vue中嵌入外部网站的实现
2020/11/13 Javascript
python 查找文件夹下所有文件 实现代码
2009/07/01 Python
windows系统中python使用rar命令压缩多个文件夹示例
2014/05/06 Python
python绘图库Matplotlib的安装
2014/07/03 Python
用ReactJS和Python的Flask框架编写留言板的代码示例
2015/12/19 Python
Kears+Opencv实现简单人脸识别
2019/08/28 Python
Python编程快速上手——PDF文件操作案例分析
2020/02/28 Python
python爬虫可以爬什么
2020/06/16 Python
利用CSS3的transform做的动态时钟效果
2011/09/21 HTML / CSS
基于CSS3制作立体效果导航菜单
2016/01/12 HTML / CSS
美国网上书店:Barnes & Noble
2018/08/15 全球购物
将"引用"作为函数返回值类型的格式、好处和需要遵守的规则
2016/02/09 面试题
校运会入场式解说词
2014/02/10 职场文书
农村婚礼主持词
2014/03/13 职场文书
意向书范文
2014/03/31 职场文书
在 Golang 中实现 Cache::remember 方法详解
2021/03/30 Python
MySQL数据库优化之通过索引解决SQL性能问题
2022/04/10 MySQL