在vue中怎么在断网情况下，显示报错页面(此文章只讲述状态码为500时)

末蓝、 2023-01-13 08:33 106阅读 0赞

1.首先创建一个error页面，挂载error页面的路由，代码如下  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pfaGFpX3lhbg_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][20210416184157972.png]  
2.然后找到配置axios时写的响应拦截器，写入报错时，跳转至报错页面，代码如下

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pfaGFpX3lhbg_size_16_color_FFFFFF_t_70 1]  
3.效果展示  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pfaGFpX3lhbg_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pfaGFpX3lhbg_size_16_color_FFFFFF_t_70]: /images/20221022/04b4a4478619455ab0e717066ec98f37.png
[20210416184157972.png]: /images/20221022/0a325353c64e43c3b96c67fa5f8d6ace.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pfaGFpX3lhbg_size_16_color_FFFFFF_t_70 1]: /images/20221022/e42d8c306d6a481697cb5405d7ef5f10.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pfaGFpX3lhbg_size_16_color_FFFFFF_t_70 2]: /images/20221022/31d774acc330485e8df4adc243c4d88b.png

发表评论取消回复

表情：

评论列表（有 0 条评论，106人围观）

还没有评论，来说两句吧...

相关阅读

相关 Strtuts2的标签——在页面上显示报错信息

前排提示：完整代码都放在GitHub上面哦，戳[这里][Link 1]：https://github.com/MarsOu1998/Struts2ErrorTag ...

缺乏、安全感/ 2024年04月18日 13:31/ 0 赞/ 76 阅读

相关访问Gitlab中的runners页面时显示500问题

1、使用管理员登录访问 /admin/runners页面时报500 2、错误信息 Started GET "/admin/runners" for 127.0.0.

阳光穿透心脏的1/2处/ 2023年07月18日 11:25/ 0 赞/ 51 阅读

相关 Vue 项目断网时跳转到网络错误页面

在项目中做异常处理时经常会遇到对网络错误的处理；处理的方案有很多，我只记录我在项目中使用的一种首先添加网络错误页面(根据各自需求)： ![watermark_type_Z

爱被打了一巴掌/ 2023年06月10日 15:30/ 0 赞/ 365 阅读

相关分布式组件fiegn在调用服务时，出现报错500

原因：openfeign超时控制，openfeign的默认超时时间为1s 解决：需要在调用方的配置默认时间 ![在这里插入图片描述][20200523143108268

小咪咪/ 2023年02月11日 10:30/ 0 赞/ 40 阅读

相关在vue中怎么在断网情况下，显示报错页面(此文章只讲述状态码为500时)

1.首先创建一个error页面，挂载error页面的路由，代码如下 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shad

末蓝、/ 2023年01月13日 08:33/ 0 赞/ 107 阅读

相关 SpringBoot整合spring security时前端登录页面报错500

在学习SpringBoot整合spring security时，原定制的认证代码为 @Override protected void configur

╰+哭是因爲堅強的太久メ/ 2022年12月12日 15:07/ 0 赞/ 168 阅读

相关 kafka-eagle 8048页面报错：500

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTEx

古城微笑少年丶/ 2022年11月06日 15:52/ 0 赞/ 247 阅读

相关实现在父页面不刷新情况下显示子页面传递的信息

最近在所做的项目中遇到了如下的情况：由于用户需求特殊，所以公司所封装的标签不符合，需要开发人员自定义一个标签来实现数据的查询。主要功能为在父页面点击该标签中的一个图片按钮

小咪咪/ 2022年07月21日 01:25/ 0 赞/ 142 阅读

相关怎么在jsp页面显示在走动的时间

<script language=JavaScript> var timerID = null; var timerRunning = false;

心已赠人/ 2022年07月14日 00:10/ 0 赞/ 274 阅读

相关 docker容器在断网情况下开机无法自启动

在server端，部署docker时，经常遇到拔掉网线，重启服务器，docker容器无法自动起来，需要手动才能拉起。具体原因不明，需要写个脚本手动拉起服务。具体操作方法如

灰太狼/ 2022年06月07日 04:14/ 0 赞/ 442 阅读