Блог

Главная - Вопросы по программированию - Как использовать маршрутизацию react с IPFS

Как использовать маршрутизацию react с IPFS

#react-router #ipfs

#react-маршрутизатор #ipfs

Вопрос:

Я использую маршрутизацию 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?

Ответ №1:

Вам придется использовать HashRouter вместо BrowserRouter :

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