解决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 相关文章推荐
Javascript在IE或Firefox下获取鼠标位置的代码
Dec 18 Javascript
js 多种变量定义(对象直接量,数组直接量和函数直接量)
May 24 Javascript
javascript开发随笔一 preventDefault的必要
Nov 25 Javascript
IE与FF下javascript获取网页及窗口大小的区别详解
Jan 14 Javascript
跟我学习JScript的Bug与内存管理
Nov 18 Javascript
详解JS中Array对象扩展与String对象扩展
Jan 07 Javascript
JavaScript接口的实现三种方式(推荐)
Jun 14 Javascript
ES6中Symbol类型用法实例详解
Apr 06 Javascript
Node使用Sequlize连接Mysql报错:Access denied for user ‘xxx’@‘localhost’
Jan 03 Javascript
vue源码nextTick使用及原理解析
Aug 13 Javascript
使用easyui从servlet传递json数据到前端页面的两种方法
Sep 05 Javascript
WebWorker 封装 JavaScript 沙箱详情
Nov 02 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
php下保存远程图片到本地的办法
2010/08/08 PHP
php中函数的形参与实参的问题说明
2010/09/01 PHP
ThinkPHP基本的增删查改操作实例教程
2014/08/22 PHP
ThinkPHP有变量的where条件分页实例
2014/11/03 PHP
Yii使用smsto短信接口的函数demo示例
2016/07/13 PHP
document 和 document.all 分别什么时候用
2006/06/22 Javascript
IE php关于强制下载文件的代码
2008/08/23 Javascript
javascript函数中的arguments参数
2010/08/01 Javascript
ie6下png图片背景不透明的解决办法使用js实现
2013/01/11 Javascript
js实现特定位取反原理及示例
2014/06/30 Javascript
使用phantomjs进行网页抓取的实现代码
2014/09/29 Javascript
JQuery中$.each 和$(selector).each()的区别详解
2015/03/13 Javascript
jquery预加载图片的方法
2015/05/27 Javascript
浅谈JS中的bind方法与函数柯里化
2016/08/10 Javascript
Jquery与Bootstrap实现后台管理页面增删改查功能示例
2017/01/22 Javascript
jQuery实现简单日期格式化功能示例
2017/09/19 jQuery
微信小程序自定义toast实现方法详解【附demo源码下载】
2017/11/28 Javascript
nodeJS微信分享
2017/12/20 NodeJs
Js面试算法详解
2018/04/08 Javascript
原生实现一个react-redux的代码示例
2018/06/08 Javascript
vue路由分文件拆分管理详解
2020/08/13 Javascript
vue+iview实现文件上传
2020/11/17 Vue.js
用python实现的可以拷贝或剪切一个文件列表中的所有文件
2009/04/30 Python
Python3基础之输入和输出实例分析
2014/08/18 Python
python实现根据ip地址反向查找主机名称的方法
2015/04/29 Python
使用Django开发简单接口实现文章增删改查
2019/05/09 Python
Python考拉兹猜想输出序列代码实践
2019/07/05 Python
Python实现微信小程序支付功能
2019/07/25 Python
Python的垃圾回收机制详解
2019/08/28 Python
PyTorch和Keras计算模型参数的例子
2020/01/02 Python
Python闭包装饰器使用方法汇总
2020/06/29 Python
美国名牌手表折扣网站:Jomashop
2020/05/22 全球购物
团支书的期末学习总结自我评价
2013/11/01 职场文书
成语的广告词
2014/03/19 职场文书
2014最新实习证明模板
2014/10/02 职场文书
深入浅析python3 依赖倒置原则(示例代码)
2021/07/09 Python