错误处理

    页面级的错误处理由 统一处理,所有匹配不到正确路由的页面都会进 404页面。

    WARNING

    注意事项 这里有一个需要非常注意的地方就是 404 页面一定要最后加载,如果放在 constantRouterMap 一同声明了 404 ,后面的所以页面都会被拦截到 ,详细的问题见

    401

    项目里所有的请求都会走@/utils/request.js里面创建的的 axios 实例,它统一做了错误处理,完整代码错误处理 - 图1

    你可以在 response 拦截器之中根据自己的实际业务统一针对不同的状态码或者根据自定义 code 来做错误处理。如:

    因为所有请求返回的是promise,所以你也可以对每一个请求通过catch 错误,从而进行单独的处理。

    本项目也做了代码层面的错误处理,如果你开启了eslint在编写代码的时候就会提示错误。如:

    TIP

    监听错误:

    错误展示组件:@/components/ErrorLog