web前端全系列 教程
1839个小节阅读:2243.5k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
<BrowserRouter>
使用HTML5 History API保持页面 和 URL 的同步,使用干净的URL将当前位置存储在浏览器的地址栏中
URL模式
a.com/#/one 或者 a.com/one
xxxxxxxxxx
<BrowserRouter 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 path="/" element={<App />}>
<Route index element={<Home />} />
<Route path="user" element={<User />}/>
</Routes>
</div>
</BrowserRouter>
xxxxxxxxxx
const router = createBrowserRouter([
{
// 路由的URL和页面对应关系的配置
path:"/",
element:<App />,
children:[
{
path:"/",
element:<HomeView />
},
{
path:"/user",
element:<UserView />
}
]
}
],
{
basename: "/app/"
})
实时效果反馈
1. 使用BrowserRouter,则浏览器的地址栏会呈现__:
A http://localhost:3000/#/app/user
B http://localhost:3000/app/user
答案
1=>B