错误处理
页面级的错误处理由 统一处理,所有匹配不到正确路由的页面都会进 404
页面。
WARNING
注意事项 这里有一个需要非常注意的地方就是 404
页面一定要最后加载,如果放在 constantRoutes 一同声明了 404
,后面的所有页面都会被拦截到 ,详细的问题见
在@/permission.js
做了权限控制,所有没有权限进入该路由的用户都会被重定向到 401
页面。
项目里所有的请求都会走@/utils/request.js
里面创建的的 axios 实例,它统一做了错误处理,完整代码。
你可以在 response 拦截器之中根据自己的实际业务统一针对不同的状态码或者根据自定义 code 来做错误处理。如:
本项目也做了代码层面的错误处理,如果你开启了eslint
在编写代码的时候就会提示错误。如:
当然还有很多不能被检查出来的错误,vue 也提供了全局错误处理钩子,所以本项目也做了相对应的错误收集。
TIP
错误展示组件:@/components/ErrorLog