vue.js项目中在axios响应拦截器中跳转登录页面

首页和后端约定好错误码。约定错误码后，写好提示提示框信息重点原来我用this.$router.push(’/’)来进行跳转首页的但是发现路由好像是空的然后我又动态加载路由。。发现还是不行，最后简单点，直接跳转，没想到成了说到这里不得不提下element-ui 的MessageBox引用。文档地址MessageBox的文档说明当用户点击按钮跳转登录页面。会返回登录页面。...

欲掩不从心

16814人浏览 · 2018-12-21 10:42:14

欲掩不从心 · 2018-12-21 10:42:14 发布

首页和后端约定好错误码。

约定错误码后，写好提示提示框信息
在这里插入图片描述

重点
原来我用this.$router.push(’/’)来进行跳转首页的
但是发现路由好像是空的
然后我又动态加载路由。。发现还是不行，

最后简单点，直接跳转，没想到成了
在这里插入图片描述
说到这里不得不提下element-ui 的MessageBox引用。
文档地址
MessageBox的文档说明

当用户点击按钮跳转登录页面。会返回登录页面。
总比一声不吭就跑到登录页面。用户会很懵逼的！

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^