如何将 React 路由与 IPFS 结合使用

Question

我正在为我的网站使用 React 路由，但在 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 上运行？

Answer 1

你必须使用HashRouter而不是BrowserRouter：

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