从0开发React项目-7-HashRouter

102 阅读1分钟

Router的两种模式:

History : BrowserRouter,有后台服务器,配置所有路径到首页
Hash : HashRouter,不需要有后台服务器,url上多个#号

HasRouter的使用

替换BrowserRouter为HashRouter
但是,HashRouter资源名有个特点,域名和路径之间有个#号

<HashRouter>
    <Link to="/tags">标签页</Link>
    <Routes>
        <Route>
            <Route path="/tags" element={<Tags/>}/>
        </Route>
    </Routes>
</HashRouter>

实际访问的url是:http://localhost:3000/#/tags
外部访问特定页面要加锚点#,在内部跳转时不用特殊处理