vue 移动端今天写了一个根据后台传过来的http状态码,来实现跳转error页面
2017-11-24 08:58
686 查看
首先是现在main.js里面进行配置
然后在每个接口后面加上function(err)就可以了
下面举例一个借口
这就实现了error页面的跳转了
Vue.prototype.$onError = function (error) { var error_msg = '网络错误'; var toastFlag = true; switch (error.errorCode) { case 401: error_msg = '请先登录'; break; case 500: error_msg = '服务器错误'; break; case 504: error_msg = '网络超时' break; case 20000: toastFlag = false; this.$router.push({path: 'invalidIdentity'}); break; } if(toastFlag){ this.$Toast({ message: error_msg, position: 'bottom', duration: 2000, callback: () => { this.$router.push({path: 'error'}); } }) } }
然后在每个接口后面加上function(err)就可以了
下面举例一个借口
siteService.sales(this.time).then(res => { vm.salesInfo = res.data; vm.details = vm.salesInfo.details; vm.saleSum = vm.salesInfo.saleSum; vm.time = vm.salesInfo.time; }, err => { this.$onError(err); });
这就实现了error页面的跳转了
相关文章推荐
- vue实现未登录跳转到登录页面的方法
- vue实现一个移动端屏蔽滑动的遮罩层
- PHP实现根据设备类型自动跳转相应页面的方法
- 10.10、spring boot的web应用——定义错误页面(2)——通过实现ErrorPageRegistrar根据不同的错误类型显示网页
- java程序中前后台交互的两种实现方式以及页面之间的跳转
- 简单实现在一个页面内上下跳转..
- Vue.js实现一个SPA登录页面的过程【推荐】
- 今天又犯了一个低级错误----页面加载-先加载后台再加载前台、MiderPlayer视频播放器代码
- JS如何实现在一个页面停留1分钟跳转另外一个页面?
- 新建一个登录,找回密码,注册页面的工程,使用控制器实现三个页面的跳转
- PHP实现根据浏览器跳转不同语言页面代码
- 一个封装的在后台弹出JS Alert消息和JS confirm信息以及跳转到指定的页面
- 实现多页面共同跳转至一个页面
- 制作一个银行卡用户登录页面,提交后连接数据库进行登录验证,根据验证结果跳转到不同页面
- PHP实现根据浏览器跳转不同语言页面代码
- Vue实现移动端页面切换效果
- iOS 一个app跳转另一个app并实现通信(如A跳到B并打开B中指定页面)
- java web开发中,jsp使用了frameset框架,如何实现整个页面跳转,并且同一个表单中可以提交两个action
- Vue实现前台页面组件化路由跳转
- 同一个表单 根据要求递交到不同页面的实现方法小结