React-React Router Dom,hashbang路由解决方案

达利波

如何在React中使用react-router-dom和hashbang进行路由?就像是

http://somesite.com/#/home

http://somesite.com/#/about

我很好。

在角路由,我以前{ useHash: true }RouterModuleangular/router,以实现这一目标。

在Vue路由中,我使用history: createWebHashHistory()createRouter方法vue-router来实现这一点。

我有办法在这里实现吗?

如果不是,请向我建议其他一些React的可靠路由库。

PS:如果您想知道为什么需要它,答案是IIS。而且我不想经历过于复杂的过程来使其在IIS上运行。

Abhyudaya Sharma

您需要使用HashRouterhttps : //reactrouter.com/web/api/HashRouter

例如,您可以执行以下操作:

import { HashRouter as Router, Route, Switch } from 'react-router-dom';

const App = () => {
  return (
    <Router>
      <Switch>
        <Route exact path="/foo">
          <Component1/>
        </Route>
        <Route exact path="/bar">
          <Component2/>
        </Route>
      </Switch>
    </Router>);
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

react-router中的嵌套路由

来自分类Dev

React Router等待解决

来自分类Dev

react-router 2.0无法路由

来自分类Dev

React Router,在参数后嵌套路由

来自分类Dev

React + React-router->子路由最佳组织?

来自分类Dev

如何在React中使用React Router检测路由变化?

来自分类Dev

在路由器上使用React Router

来自分类Dev

React Router JWT保护路由

来自分类Dev

在React-Router中重叠路由

来自分类Dev

带异步的React-router-dom保护的路由

来自分类Dev

React Router Switch路由不匹配

来自分类Dev

React Router条件路由组件闪烁/闪烁

来自分类Dev

react-router-dom嵌套的路由和重定向

来自分类Dev

React Router Dom嵌套路由,或者如何传递

来自分类Dev

React Router Dom的<Switch>问题

来自分类Dev

路由无法使用React-Router加载

来自分类Dev

按名称获取路由路径React Router

来自分类Dev

React Router仅识别索引路由

来自分类Dev

React Router,在参数后嵌套路由

来自分类Dev

React Router-动态路由设置

来自分类Dev

使用React Router v4的嵌套路由-解决方案

来自分类Dev

React Router 4 路由属性

来自分类Dev

路由特定的 react-router 父组件

来自分类Dev

React Router 4. 获取活动路由

来自分类Dev

react-router-dom 路由组件需要重新加载页面

来自分类Dev

具有多级动态路由的 React Router

来自分类Dev

React-Router 路由行为异常

来自分类Dev

无法使用 switch 语句渲染路由 React router dom 5.0.0

来自分类Dev

如何使用 react-router-dom 创建动态路由?