ai解释前端路由 hash或者History路由
先看例子
https://example.com/home?t=200#/activity
//# 是路由的起始标记,/activity是具体的路径。
-
传统锚点(Anchor):
在旧式网页中,#
用于跳转到页面内的某个位置(如<a href="#section1">
)。 -
前端路由(Hash Routing):
在现代单页应用(SPA)中,#
后面的内容(如#/activity
)由前端 JavaScript 处理,用于切换“虚拟页面”而不刷新整个网页。
// BrowserRouter(推荐,需服务器支持)
<BrowserRouter><App />
</BrowserRouter>// HashRouter(兼容旧浏览器,URL 带 #)
<HashRouter><App />
</HashRouter>
-
Hash 路由:基于
#
(如/#/home
),兼容性好。 -
History 路由:基于 HTML5 History API(如
/home
),更优雅但需服务器支持。