如何在IPFS中使用反应路由

问题描述

我正在为我的站点使用反应路由，但是在IPFS上它不起作用，它正在寻找不存在的路径

<Nav className="">
 <Nav.Link className="custom-link" to="/home" eventKey="1" href="/home">Home</Nav.Link>
 <Nav.Link  to="/dex" eventKey="2" href="/dex">DEX</Nav.Link>
 <Nav.Link  to="/defi" eventKey="3" >DEFI</Nav.Link>
 <Nav.Link  to="/nft" eventKey="3" >NFT</Nav.Link>
</Nav>

路线

import {browserRouter,Route,Switch} from 'react-router-dom'
    <browserRouter>
    <Switch className ="switch">
    <Route path="/" component={Home} exact />
    <Route path="/home" component={Home} />
    <Route path="/dex" component={Dex} />
    </Switch>
    </browserRouter>

如果我单击获得的链接，一旦部署在IPFS上；

ipfs resolve -r /ipfs/bafybeifwqscmvkuffygd7tqioy6fusuh3q7y4xlq7d7bfhkbkrsftcruoy/dex: no link named "dex" under bafybeifwqscmvkuffygd7tqioy6fusuh3q7y4xlq7d7bfhkbkrsftcruoy

如何获得在IPFS上工作的途径？

解决方法

您必须使用HashRouter而不是BrowserRouter：

https://reactrouter.com/web/api/HashRouter