vue项目系统内路由无权限跳转404改为跳转401

当客户进入新页面无权限时,打开一个新页签,提示客户“sorry! 你没有权限去该页面” 。系统外路由还是跳转404.

vue项目系统内路由无权限跳转404改为跳转401_第1张图片

vue项目系统内路由无权限跳转404改为跳转401_第2张图片

解决思路:

这里需要后端提供个接口,传当前路由,如果是系统内路由接口返回true,如果不是返回false.

在路由跳转404的时候进行调接口判断。如果返回true .则跳转401页面,如果false,继续跳转404.

核心代码如下:

vue项目系统内路由无权限跳转404改为跳转401_第3张图片

vue项目系统内路由无权限跳转404改为跳转401_第4张图片

 

这里注意参数不需要传给后端, to.redirectedFrom 是从哪个路由进来的。 

if (to.path === '/404' && to.redirectedFrom) {
    let routerParam = to.redirectedFrom.split(

你可能感兴趣的:(vue.js,javascript,前端)