react二级路由配置正确不显示页面的问题解决

最近在写react项目，配置二级路由时出了一个小小的bug,虽然是一个小小的bug,但是也苦思大半天不得其解。直到第二天豁然开朗，才发觉就这？？

问题描述：在写react二级路由时，配置没有任何问题，（地址栏地址已经变了）但是页面就是不显示。

错误展示：

一级路由：

二级路由：

然后就，

地址栏正常变，二级页面死活不出来，把二级路由配置注掉又能出来。。。。

在百度了n条解决方案后，终于发现问题所在。

解决：

其实解决方案特别简单，因为我在二级路由配置中加了exact={true}，即严格模式，只需要删掉即可。

解决后正确的配置：

然后就能正常跳转了，现在三级路由也不是问题了。

好了，如果遇到了类似的bug，欢迎评论区分享你的解决方案。

react二级路由配置正确不显示页面的问题解决相关推荐

react二级路由的两种方法
** react 二级路由配置 ** 1.使用react - router - config包 ①创建一个config.js文件默认导出路由数组 import Home from '../views/ ...
Vue 路由配置和二级路由配置
Vue 路由配置和二级路由配置路由配置二级路由默认首个页面二级路由导致一级路由下的高亮失效路由配置我们初始化我们的Vue项目后,打开工程目录src/router下的index.js.我们可 ...
关于vue.js 编程导航的使用：实现路由配置和跳转页面
本文主要讲述:通过vue.js 编程导航,实现路由配置和跳转页面的功能! 基础篇,仅作为简单演示. 总结不能保证用户一定会点击某些按钮并且当前操作,除了路由跳转以外,还会有一些别的附加操作(比如执 ...
React二级路由的实现
首先考虑二级路由在哪里展示,他们的展示在对应的一级路由的组件内,所以先找到一级路由对应的pages页以登录和注册为例,在我们的里面实现二级路由(登录注册) 二级路由的展示有俩种形式: ①:通过一个开 ...
VUE二级/多级路由配置方式（嵌套路由）
二级路由中path写法不同对应router-link标签to属性的不同写法二级路由配置path:"/XXX",path中带/ ,则对应的路由导航router-link中的to属性 ...
vue2路由手动创建二级路由路由传参路由守卫打包上线
路由手动配置: #在@vue/cli创建的项目中,路由用法如下. 1.安装路由npm install vue-router@32:定义路由所需的组件(.vue文件)要实现页面about 和home两个 ...
Django路由配置-快速上手
Django路由配置-快速上手 Django路由系统配置代码在urls.py中,该文件在创建项目时自动生成,一般在项目目录下. 路由系统URL基本格式在urls.py文件中配置的路由,都存放在一个名 ...
dva框架二级路由刷新出现空白页
在用dva框架开发项目中,发现当出现二级路由时,重新刷新页面会出现空白页面:并且控制台会报错: Uncaught SyntaxError: Unexpected token < 出现这种情况的原 ...
【计算机网络】思科实验(6)：路由器的静态路由配置
系列文章目录 [计算机网络]思科实验(1):交换机的VLAN划分 [计算机网络]思科实验(2):交换机间的VLAN通信 [计算机网络]思科实验(3):使用三层交换机实现跨VLAN间的通信 [计算机网络 ...

react二级路由配置正确不显示页面的问题解决

react二级路由配置正确不显示页面的问题解决

react二级路由配置正确不显示页面的问题解决相关推荐

最新文章

热门文章