解决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 相关文章推荐
简单的js分页脚本
May 21 Javascript
JavaScript 类似flash效果的立体图片浏览器
Feb 08 Javascript
javascript实现十六进制颜色值(HEX)和RGB格式相互转换
Jun 20 Javascript
jQuery中removeAttr()方法用法实例
Jan 05 Javascript
浅谈jquery中使用canvas的问题
Oct 10 Javascript
vue构建单页面应用实战
Apr 10 Javascript
vue组件间通信子与父详解(二)
Nov 07 Javascript
Vue中render函数的使用方法
Jan 31 Javascript
Bootstrap实现的表格合并单元格示例
Feb 06 Javascript
JavaScript DOM元素常见操作详解【添加、删除、修改等】
May 09 Javascript
vue计算属性computed的使用方法示例
Mar 13 Javascript
微信小程序动态添加view组件的实例代码
May 23 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连接Oracle for NT 远程数据库
2006/10/09 PHP
PHP程序员编程注意事项
2008/04/10 PHP
PHP使用glob方法遍历文件夹下所有文件的实例
2018/10/17 PHP
JS效率个人经验谈(8-15更新),加入range技巧
2007/01/09 Javascript
javascript 事件绑定问题
2011/01/01 Javascript
jQuery操作select的实例代码
2012/06/14 Javascript
JavaScript程序员应该知道的45个实用技巧
2014/03/04 Javascript
Javascript核心读书有感之语句
2015/02/11 Javascript
基于zepto.js简单实现上传图片
2016/06/21 Javascript
Vue.js每天必学之构造器与生命周期
2016/09/05 Javascript
js HTML5多媒体影音播放
2016/10/17 Javascript
windows下vue-cli及webpack搭建安装环境
2017/04/25 Javascript
js中less常用的方法小结
2017/08/09 Javascript
谈谈vue中mixin的一点理解
2017/12/12 Javascript
解决vue-cli + webpack 新建项目出错的问题
2018/03/20 Javascript
vue-cli3 从搭建到优化的详细步骤
2019/01/20 Javascript
Vue 后台管理类项目兼容IE9+的方法示例
2019/02/20 Javascript
JS实现手风琴特效
2020/11/08 Javascript
[01:07:22]2014 DOTA2华西杯精英邀请赛 5 24 DK VS VG加赛
2014/05/26 DOTA
跟老齐学Python之让人欢喜让人忧的迭代
2014/10/02 Python
使用Python实现一个简单的项目监控
2015/03/31 Python
详解Golang 与python中的字符串反转
2017/07/21 Python
python利用paramiko连接远程服务器执行命令的方法
2017/10/16 Python
python的unittest测试类代码实例
2017/12/07 Python
python模拟菜刀反弹shell绕过限制【推荐】
2019/06/25 Python
Tensorflow设置显存自适应,显存比例的操作
2020/02/03 Python
Marriott中国:万豪国际酒店查询预订
2016/09/02 全球购物
UNDONE手表官网:世界领先的定制手表品牌
2018/11/13 全球购物
MAC Cosmetics官方网站:魅可专业艺术彩妆
2019/04/10 全球购物
模具数控专业自荐信
2014/01/27 职场文书
办公室岗位职责
2014/02/12 职场文书
《我的信念》教学反思
2014/02/15 职场文书
结婚保证书范文
2014/04/29 职场文书
幼儿园健康教育方案
2014/06/14 职场文书
员工规章制度范本
2015/08/07 职场文书
Java中的继承、多态以及封装
2022/04/11 Java/Android