web前端全系列 教程
1839个小节阅读:2244.4k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
<HashRouter>
使用 Hash 模式路由保持页面 和 URL 的同步。
xxxxxxxxxx
<HashRouter basename='/app'>
{/* 代表浏览器打开页面的时候会有个/app的前缀 */}
<div>
<ul>
<li>
<Link to="/">首页</Link>
{/* http://localhost:3000/#/app */}
</li>
<li>
<Link to="/user">用户页面</Link>
{/* 跳转到http://localhost:3000/#/app/user */}
</li>
</ul>
<hr />
<Routes>
<Route path="/" element={<App />}>
<Route index element={<Home />} />
<Route path="user" element={<User />}/>
</Route>
</Routes>
</div>
</HashRouter>
BrowserRouter
与HashRouter
区别:
BrowseRouter使用HTML5的history API,HashRouter使用哈希
地址表现形式不同
BrowserRouter : http://localhost:3000/app
HashRouter : http://localhost:3000/#/app
BrowseRouter地址的请求会发送到服务器,需要服务器的支持,而HashRouter的不会。
官方推荐使用BrowserRouter。
实时效果反馈
1. 下面说法错误的是:
A HashRouter
使用哈希模式保持URL与UI同步
B HashRouter
默认情况下地址中有/#
C BrowseRouter
的路由跳转会发送请求到服务器
D HashRouter
的路由跳转会发送请求到服务器
答案
1=>D