解决vue axios的封装 请求状态的错误提示问题


Posted in Javascript onSeptember 25, 2018

如下所示:

/**
* axios配置,输出为vue组建
* */
import axios from 'axios';
import qs from 'qs'
import CookiesJS from 'js-cookie'
import router from '../router'

// http request 拦截器
axios.interceptors.request.use(
config => {
config.headers = {
'Content-Type': 'application/x-www-form-urlencoded'
};

// 在post请求发送出去之前,对其进行编码
if (config.method === 'post') {
config.data = qs.stringify(config.data);
}
return config;
},
err => {
return Promise.reject(err);
});

// http response 拦截器
axios.interceptors.response.use(
response => {
return response;
},
error => {
if (error.response) {
console.log("请求错误");
console.log(error.response.status);
switch (error.response.status) {
case 401:
// store.dispatch('logout');
console.log("401");
break;
case 404:
router.push('/Error/Error404');
break;
case 500:
router.push('/Error/Error500');
}

}
return Promise.reject(error);// 返回接口返回的错误信息
});

export default axios;


---------------------

以上这篇解决vue axios的封装 请求状态的错误提示问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery实现动画效果的简单实例
Jan 27 Javascript
改变状态栏文字的js代码
Jun 13 Javascript
ajaxFileUpload.js插件支持多文件上传的方法
Sep 02 Javascript
js+CSS实现模拟华丽的select控件下拉菜单效果
Sep 01 Javascript
js日期插件dateHelp获取本月、三个月、今年的日期
Mar 07 Javascript
浅谈html转义及防止javascript注入攻击的方法
Dec 04 Javascript
详解AngularJS中$filter过滤器使用(自定义过滤器)
Feb 04 Javascript
JS点击图片弹出文件选择框并覆盖原图功能的实现代码
Aug 25 Javascript
Vue三层嵌套路由的示例代码
May 05 Javascript
vue结合axios与后端进行ajax交互的方法
Jul 06 Javascript
angularjs获取到My97DatePicker选中的值方法
Oct 02 Javascript
.netcore+vue 实现压缩文件下载功能
Sep 24 Javascript
angular 数据绑定之[]和{{}}的区别
Sep 25 #Javascript
Vue高版本中一些新特性的使用详解
Sep 25 #Javascript
axios全局注册,设置token,以及全局设置url请求网段的方法
Sep 25 #Javascript
vue实现多个元素或多个组件之间动画效果
Sep 25 #Javascript
vue 音乐App QQ音乐搜索列表最新接口跨域设置方法
Sep 25 #Javascript
Vue页面跳转动画效果的实现方法
Sep 23 #Javascript
vue解决弹出蒙层滑动穿透问题的方法
Sep 22 #Javascript
You might like
深入理解curl类,可用于模拟get,post和curl下载
2013/06/08 PHP
PHP导入导出Excel代码
2015/07/07 PHP
浅析PHP关键词替换的类(避免重复替换,保留与还原原始链接)
2015/09/22 PHP
PHP大文件切割上传功能实例分析
2019/07/01 PHP
jquery插件 autoComboBox 下拉框
2010/12/22 Javascript
js自动生成对象的属性示例代码
2013/10/28 Javascript
javascript避免数字计算精度误差的方法详解
2014/03/05 Javascript
探讨JavaScript中的Rest参数和参数默认值
2015/07/29 Javascript
javascript将DOM节点添加到文档的方法实例分析
2015/08/04 Javascript
jquery利用拖拽方式在图片上添加热链接
2015/11/24 Javascript
js 求时间差的实现代码
2016/04/26 Javascript
AngularJS 依赖注入详解及示例代码
2016/08/17 Javascript
jQuery实现表格文本框淡入更改值后淡出效果
2016/09/27 Javascript
SVG描边动画
2017/02/23 Javascript
JS图片轮播与索引变色功能实例详解
2017/07/06 Javascript
Windows下Node.js安装及环境配置方法
2017/09/18 Javascript
Node.js 实现简单的无侵入式缓存框架的方法
2019/07/21 Javascript
layui字体图标 loading图标静止不旋转的解决方法
2019/09/23 Javascript
微信小程序 下拉刷新及上拉加载原理解析
2019/11/06 Javascript
python在多玩图片上下载妹子图的实现代码
2013/08/13 Python
Python实现的随机森林算法与简单总结
2018/01/30 Python
解决Tensorflow使用pip安装后没有model目录的问题
2018/06/13 Python
Python3爬虫学习之MySQL数据库存储爬取的信息详解
2018/12/12 Python
python列表list保留顺序去重的实例
2018/12/14 Python
Python标准库使用OrderedDict类的实例讲解
2019/02/14 Python
Python中*args和**kwargs的区别详解
2019/09/17 Python
使用python批量转换文件编码为UTF-8的实现
2020/04/03 Python
Python列表嵌套常见坑点及解决方案
2020/09/30 Python
详解Python调用系统命令的六种方法
2021/01/28 Python
python编写扎金花小程序的实例代码
2021/02/23 Python
纯css3实现照片墙效果
2014/12/26 HTML / CSS
CSS3实现渐变背景兼容问题
2020/05/06 HTML / CSS
猫途鹰:全球领先的旅游点评社区
2017/04/07 全球购物
马耳他航空公司官方网站:Air Malta
2019/05/15 全球购物
销售员求职个人的自我评价
2014/02/19 职场文书
pandas DataFrame.shift()函数的具体使用
2021/05/24 Python