redirect 重定向及其错误处理 与 Vue 路由全局守卫白名单使用 简单总结

1.什么是redirect 重定向： 用户在访问地址 A 的时候，强制用户跳转到地址 C ，从而展示特定的组件页面；

2.redirect重定向的使用方法： 直接在router配置文件中加入重定向的url地址即可比如：

const router = [{
        path:"/A",
    redirect:"/C"
}]

3.全局守卫白名单使用: 定义一个数组比如arry：[] 数组中添加你需要配置的白名单的路由地址，然后遍历白名单数组查找to.path(备注：也就是要跳转的路由地址在没有在数组中在的话级就不等于-1)然后满足条件测放行调用next（）函数

import router from "@/router";
//参数to为要跳转的地址；参数from是当前的路由地址 netx是一个函数必须调用它才可以继续向下执行
let befor = router.beforeEach((to, from, next) => {
  let arry = ["/login", "/"];
  if (arry.indexOf(to.path) != -1) {
     //放行
    next();
  };
  return； //跳出函数执行
  
  //登录身份认证
  let token = localStorage.getIten("Token")
  //如果有token的话就放行如果没有就跳转到/z..路由地址提醒登录
  if(token){ next() }else{next("/z..")}
});

export default befor;

4.路由的错误处理

// 错误处理一定要写在路由规则的最后
{
    path: '*',
    component:  () => import('@/components/Error404.vue'),
  },