React JS - проблема Реализация маршрутизатора

Question

Я пытаюсь реализовать реагирующий маршрутизатор, код работает нормально только для пути индекса, т.е. "/" , но выдает ошибку 404 для остальных URL.Вот мой код ниже:

***** HTML ***** 

<div id="rootDiv"></div>

<script src="/assets/libs/reactjs/react.development.js" crossorigin></script> 
<script src="/assets/libs/reactjs/react-dom.development.js" crossorigin></script>
<script src="/assets/libs/reactjs/browser.js"></script>
<script src="/assets/libs/reactjs/react-router.min.js" crossorigin></script>
<script src="/assets/libs/reactjs/react-router-dom.min.js" crossorigin></script>
<script type="text/babel" src="/components.js"></script>


***** components.js *****

var { BrowserRouter, Switch, Route } = ReactRouterDOM;

class Dashboard extends React.Component {

    constructor(props) {
        super(props);
    }

    render() {
        return(
            <div>Dashboard</div>
        )
    }
}

class LoginBox extends React.Component {

    constructor(props) {
        super(props);
    }

    render() {
        return(
            <div>LoginBox</div>
        )
    }
}


ReactDOM.render(
    <BrowserRouter>
        <Switch>
            <Route path="/" exact component={LoginBox}/>
            <Route path="/dashboard" exact component={Dashboard}/>
        </Switch>
    </BrowserRouter>, document.getElementById('rootDiv')
);

Здесь выше LoginBox появляется, но выдает ошибку 404, когда я нажимаю / панель инструментов в URL.Я получил много ответов от Google и переполнения стека, выполнил все необходимые изменения / шаги, но я не могу решить эту проблему.

Пожалуйста, дайте мне знать, где я иду не так.

Answer 1

Я думаю, вам не нужно "точное" в маршруте приборной панели.Попробуйте изменить его на:

<Route path="/dashboard" component={Dashboard}/>