基于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表单获取和失去焦点输入框提示效果的实例代码
Aug 01 Javascript
JS烟花背景效果实现方法
Mar 03 Javascript
JavaScript使用DeviceOne开发实战(一) 配置和起步
Dec 01 Javascript
详解Javascript模板引擎mustache.js
Jan 20 Javascript
谈一谈javascript中继承的多种方式
Feb 19 Javascript
js实现分割上传大文件
Mar 09 Javascript
如何通过js实现图片预览功能【附实例代码】
Mar 30 Javascript
JavaScript基础语法之js表达式
Jun 07 Javascript
bootstrap-datetimepicker实现只显示到日期的方法
Nov 25 Javascript
如何使用Bootstrap 按钮实例详解
Mar 29 Javascript
vue2项目使用sass的示例代码
Jun 28 Javascript
详细聊聊vue中组件的props属性
Nov 02 Vue.js
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中判断文件空目录是否有读写权限的函数代码
2012/08/07 PHP
Apache实现Web Server负载均衡详解(不考虑Session版)
2013/07/05 PHP
PHP开源开发框架ZendFramework使用中常见问题说明及解决方案
2014/06/12 PHP
ThinkPHP 3.2.2实现事务操作的方法
2017/05/05 PHP
微信接口生成带参数的二维码
2017/07/31 PHP
javascript document.images实例
2008/05/27 Javascript
用JavaScrpt实现文件夹简单轻松加密的实现方法图文
2008/09/08 Javascript
javascript 进度条 实现代码
2009/07/30 Javascript
jQuery实现切换页面布局使用介绍
2011/10/09 Javascript
javascript从右边截取指定字符串的三种实现方法
2013/11/29 Javascript
jquery学习总结(超级详细)
2014/09/04 Javascript
谈谈我对JavaScript中typeof和instanceof的深入理解
2015/12/25 Javascript
JQuery EasyUI的使用
2016/02/24 Javascript
JS中多种方式创建对象详解
2016/03/22 Javascript
Vue组件BootPage实现简单的分页功能
2016/09/12 Javascript
javaScript 逻辑运算符使用技巧整理
2017/05/03 Javascript
原JS实现banner图的常用功能
2017/06/12 Javascript
解决vue中post方式提交数据后台无法接收的问题
2018/08/11 Javascript
vue.js项目 el-input 组件 监听回车键实现搜索功能示例
2018/08/25 Javascript
分享5个小技巧让你写出更好的 JavaScript 条件语句
2018/10/20 Javascript
微信小程序实现蒙版弹出窗功能
2019/09/17 Javascript
vue滑动吸顶及锚点定位的示例代码
2020/05/10 Javascript
vue element table中自定义一些input的验证操作
2020/07/18 Javascript
Python中列表(list)操作方法汇总
2014/08/18 Python
Python UnicodeEncodeError: 'gbk' codec can't encode character 解决方法
2015/04/24 Python
探究Python的Tornado框架对子域名和泛域名的支持
2015/05/02 Python
Python安装及Pycharm安装使用教程图解
2019/09/20 Python
史泰博(Staples)中国官方网站:办公用品一站式采购
2016/09/05 全球购物
大型会议接待方案
2014/03/01 职场文书
宣传工作经验材料
2014/06/02 职场文书
常务副总经理岗位职责
2015/02/02 职场文书
建国大业观后感800字
2015/06/01 职场文书
青年教师听课心得体会
2016/01/15 职场文书
工作转正自我鉴定范文
2019/06/21 职场文书
深度学习tensorflow基础mnist
2021/04/14 Python
nginx配置指令之server_name的具体使用
2022/08/14 Servers