Vue项目异常机制

Vue项目异常机制

vue 项目异常机制

一、路由异常

路由异常指路由不存在的情况,通常我们通过以下设置来捕获路由异常。

1、定义路由异常处理界面

{
  path: '/404',
  component: () => import('@/views/error-page/404'),
  hidden: true
}

这里定义的是路由异常 404 界面。

2、定义跳转异常界面的条件

// 404 page must be placed at the end !!!
{ path: '*', redirect: '/404', hidden: true }

在路由设置 * 跳转到 404 路由,即如果路由匹配不上,就跳转到 404 路由。

二、请求异常

TODO

评论

暂无

添加新评论