React前台404组件页面+路由控制重定向

(1)需求分析

  首先项目里当请求根路径时需要重定向到/home首页,即请求localhost:3000时,重定向到localhost:3000/home。

  之前我们的操作是,只要输入url不存在则统统重定向到首页,如下所示

  

 

 

(2)修改需求

  现在我们添加404页面,分析如下

①请求根路径时重定向到/home主页
②url错误时重定向到404页面

  

 

(3)添加定时器重定向,销毁前清除定时器

  

 

 

 

(4)如果想重定向到错误页面,url为localhost:3000/error,则修改如下

  

 

 

 

 

 

 

 

 

 

 

 

.

posted @ 2020-04-09 19:22  剑仙6  阅读(1162)  评论(0编辑  收藏  举报
欢迎访问个人网站www.qingchun.在线