Estoy trabajando con react router dom, cuando abro mi aplicación, todo funciona bien, pero cuando actualizo la página, ocurre un problema como en la captura de pantalla. esto sucedió solo en el servidor, pero en el local todo funciona bien. Cualquier idea por favor para este problema!

ingrese la descripción de la imagen aquí

Aplicación.js

 import React, { Component } from 'react' import { HashRouter, Route, Switch, Redirect, BrowserRouter } from 'react-router-dom' const DefaultLayout = React.lazy(() => import('./layout/DefaultLayout')) class App extends Component { render() { return ( <BrowserRouter> <React.Suspense fallback={loading}> <Switch> <Route exact path="/login" name="Login Page" render={(props) => <Identify {...props} />} /> </Switch> </React.Suspense> </BrowserRouter> ) } } export default App

rutas.js

 import React from 'react' import { Router, Route, browserHistory, IndexRoute } from 'react-router' const routes = [ // { path: '/login', exact: true, name: 'Home' }, { path: '/dashboard', name: 'Dashboard', component: Dashboard } ] export default routes