Возможно ли использовать React Routes без сервера?

Question

В настоящее время я использую BrowserHistory для своей маршрутизации в React, для которой мне нужно запустить сервер nodejs, и я этого не хочу.Есть ли какая-либо альтернатива использованию BrowserHistory, я слышал о HashHistory, может ли кто-нибудь дать мне какой-нибудь пример hashHIstory и в чем разница между.запустить сервер только для маршрутизации.

Мой текущий код выглядит так:

import React from "react";
import {BrowserRouter, Route, Switch, Redirect} from 'react-router-dom';
import Main from './components/main/main.component';
import SecondView from './components/secondview/secondview.component';
import ThirdView from './components/thirdview/thirdview.component';
import Traineeship from './components/traineeship/traineeships.component';
import InformationFilter from "./components/information/information-filter.component";

const AppRoutes = () => (
    <BrowserRouter>
        <Switch>
            <Route exact path='/' component={Main}/>
            <Route path='/secondview' component={SecondView}/>
            <Route path='/traineeships' component={Traineeship}/>
            <Route path='/information-filter' component={InformationFilter}/>
            <Route path='/thirdview/:number?' component={ThirdView}/>
            <Redirect from='*' to='/' />
        </Switch>
    </BrowserRouter>

);

export default AppRoutes;

Answer 1

вы можете использовать режим Hash-bang, используя HashRouter

, поэтому, в вашем случае, я думаю, вам просто нужно заменить BrowserRouter на HashRouter

import React from "react";
import {HashRouter, Route, Switch, Redirect} from 'react-router-dom';
import Main from './components/main/main.component';
import SecondView from './components/secondview/secondview.component';
import ThirdView from './components/thirdview/thirdview.component';
import Traineeship from './components/traineeship/traineeships.component';
import InformationFilter from "./components/information/information-filter.component";

const AppRoutes = () => (
    <HashRouter>
        <Switch>
            <Route exact path='/' component={Main}/>
            <Route path='/secondview' component={SecondView}/>
            <Route path='/traineeships' component={Traineeship}/>
            <Route path='/information-filter' component={InformationFilter}/>
            <Route path='/thirdview/:number?' component={ThirdView}/>
            <Redirect from='*' to='/' />
        </Switch>
    </HashRouter>

);

export default AppRoutes;