axios的拦截请求与响应方法


Posted in Javascript onAugust 11, 2018

比如发送请求显示loading,请求回来loading消失之类的

import Vue from 'vue'
import App from './App.vue'
import axios from 'axios'
import Loading from './components/Loading'
import stores from './store/store.js'
axios不能use哦


// 请求拦截(配置发送请求的信息)
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);
 });
Vue.prototype.$http = axios //其他页面在使用axios的时候直接 this.$http就可以了

以上这篇axios的拦截请求与响应方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 用原型继承来实现对象系统
Mar 22 Javascript
实现局部遮罩与关闭原理及代码
Feb 04 Javascript
JavaScript对Cookie进行读写操作实例
Jul 25 Javascript
JS实现点击按钮获取页面高度的方法
Nov 02 Javascript
javascript类型系统 Window对象学习笔记
Jan 07 Javascript
老生常谈Javascript中的原型和this指针
Oct 09 Javascript
将JSON字符串转换成Map对象的方法
Nov 30 Javascript
jQuery实现表格元素动态创建功能
Jan 09 Javascript
在vue项目中安装使用Mint-UI的方法
Dec 27 Javascript
详解VUE Element-UI多级菜单动态渲染的组件
Apr 25 Javascript
jQuery实现视频展示效果
May 30 jQuery
vue 实现动态路由的方法
Jul 06 Javascript
解决axios发送post请求返回400状态码的问题
Aug 11 #Javascript
vue 组件的封装之基于axios的ajax请求方法
Aug 11 #Javascript
解决Vue axios post请求,后台获取不到数据的问题方法
Aug 11 #Javascript
vuejs前后端数据交互之从后端请求数据的实例
Aug 11 #Javascript
解决vue中post方式提交数据后台无法接收的问题
Aug 11 #Javascript
vue.js配合$.post从后台获取数据简单demo分享
Aug 11 #Javascript
jQuery的Ajax接收java返回数据方法
Aug 11 #jQuery
You might like
PHP+Mysql日期时间如何转换(UNIX时间戳和格式化日期)
2012/07/15 PHP
判断php数组是否为索引数组的实现方法
2013/06/13 PHP
javascript Ext JS 状态默认存储时间
2009/02/15 Javascript
javascript 去字符串空格终极版(支持utf8)
2009/11/14 Javascript
jQuery插件原来如此简单 jQuery插件的机制及实战
2012/02/07 Javascript
javascript得到当前页的来路即前一页地址的方法
2014/02/18 Javascript
利用JS实现点击按钮后图片自动切换的简单方法
2016/10/24 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
2017/05/02 Javascript
jQuery实现火车票买票城市选择切换功能
2017/09/15 jQuery
Angular 4根据组件名称动态创建出组件的方法教程
2017/11/01 Javascript
小程序实现带年月选取效果的日历
2018/06/27 Javascript
vue中datepicker的使用教程实例代码详解
2019/07/08 Javascript
JavaScript实现轮播图效果代码实例
2019/09/28 Javascript
react 原生实现头像滚动播放的示例
2020/04/21 Javascript
解决Vue 给mapState中定义的属性赋值报错的问题
2020/06/22 Javascript
JavaScript语句错误throw、try及catch实例解析
2020/08/18 Javascript
javaScript代码飘红报错看不懂?读完这篇文章再试试
2020/08/19 Javascript
JavaScript实现多球运动效果
2020/09/07 Javascript
JavaScript常用8种数组去重代码实例
2020/09/09 Javascript
终端命令查看TensorFlow版本号及路径的方法
2018/06/13 Python
用Python和WordCloud绘制词云的实现方法(内附让字体清晰的秘笈)
2019/01/08 Python
python查看数据类型的方法
2019/10/12 Python
在notepad++中实现直接运行python代码
2019/12/18 Python
Python如何将图像音视频等资源文件隐藏在代码中(小技巧)
2020/02/16 Python
Django 允许局域网中的机器访问你的主机操作
2020/05/13 Python
css3实现文字扫光渐变动画效果的示例
2017/11/07 HTML / CSS
美国在线购物频道:Shop LC
2019/04/21 全球购物
财务经理岗位职责
2013/11/09 职场文书
2014年清明节网上祭英烈寄语
2014/04/09 职场文书
小学校园之星事迹材料
2014/05/16 职场文书
电子商务求职信
2014/06/15 职场文书
新员工试用期工作总结2015
2015/05/28 职场文书
2019年大学生学年自我鉴定!
2019/03/25 职场文书
年终奖金发放管理制度,中小企业适用,拿去救急吧!
2019/07/12 职场文书
Ajax是什么?Ajax高级用法之Axios技术
2021/04/21 Javascript
室外天线与收音机天线杆接合方法
2022/04/05 无线电