基于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 相关文章推荐
在Windows上安装Node.js模块的方法
Sep 25 Javascript
javascript 禁用IE工具栏,导航栏等等实现代码
Apr 01 Javascript
jQuery实现密保互斥问题解决方案
Aug 16 Javascript
JavaScript中判断对象类型的几种方法总结
Nov 11 Javascript
简单选项卡 js和jquery制作方法分享
Feb 26 Javascript
jQuery滚动条插件nanoscroller使用指南
Apr 21 Javascript
JS实现添加,替换,删除节点元素的方法
Jun 30 Javascript
ECMAScript6轮播图实践知识总结
Aug 17 Javascript
AngularJS 实现弹性盒子布局的方法
Aug 30 Javascript
vue3.0 CLI - 2.6 - 组件的复用入门教程
Sep 14 Javascript
微信网页登录逻辑与实现方法
Apr 29 Javascript
vue cli 3.0 搭建项目的图文教程
May 17 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统计目录下的文件总数及代码行数(去除注释及空行)
2011/01/17 PHP
使用迭代器 遍历文件信息的详解
2013/06/08 PHP
php图片缩放实现方法
2014/02/20 PHP
php运行报错Call to undefined function curl_init()的最新解决方法
2016/11/20 PHP
PHP基于redis计数器类定义与用法示例
2018/02/08 PHP
JavaScript入门教程(7) History历史对象
2009/01/31 Javascript
document.documentElement和document.body区别介绍
2013/09/16 Javascript
JavaScript动态修改弹出窗口大小的方法
2015/04/06 Javascript
jqueryMobile使用示例分享
2016/01/12 Javascript
基于jquery实现的仿优酷图片轮播特效代码
2016/01/13 Javascript
ichart.js绘制虚线、平均分虚线效果的实现代码
2016/05/05 Javascript
将jquery.qqFace.js表情转换成微信的字符码
2017/12/01 jQuery
vue小白入门教程
2018/04/02 Javascript
Vue SSR 组件加载问题
2018/05/02 Javascript
在小程序中使用Echart图表的示例代码
2018/08/02 Javascript
JS实现的进制转换,浮点数相加,数字判断操作示例
2019/11/09 Javascript
Vuex模块化应用实践示例
2020/02/03 Javascript
JS 5种遍历对象的方式
2020/06/16 Javascript
Python常用正则表达式符号浅析
2014/08/13 Python
python将字符串转换成数组的方法
2015/04/29 Python
对python sklearn one-hot编码详解
2018/07/10 Python
使用python list 查找所有匹配元素的位置实例
2019/06/11 Python
python基于socket实现的UDP及TCP通讯功能示例
2019/11/01 Python
python GUI库图形界面开发之PyQt5信号与槽的高级使用技巧(自定义信号与槽)详解与实例
2020/03/06 Python
TensorFlow打印输出tensor的值
2020/04/19 Python
Python3爬虫关于代理池的维护详解
2020/07/30 Python
CSS3动画效果回调处理详解
2014/12/10 HTML / CSS
马来西亚时装购物网站:ZALORA马来西亚
2017/03/14 全球购物
英国最大的美妆产品在线零售商之一:Beauty Bay
2017/09/29 全球购物
香港万宁官方海外旗舰店:香港健与美连锁店
2018/09/27 全球购物
销售员岗位职责范本
2014/02/03 职场文书
2014年党员加强作风建设思想汇报
2014/09/15 职场文书
优秀员工自荐书
2015/03/06 职场文书
vue如何清除浏览器历史栈
2022/05/25 Vue.js
如何解决flex文本溢出问题小结
2022/07/15 HTML / CSS
JS前端使用canvas实现扩展物体类和事件派发
2022/08/05 Javascript