javascript - 刷新页面 React JS 后的问题

Question

我正在使用 react router dom，当我打开我的应用程序时，everythink 工作正常，但是当我刷新页面时，出现了一些问题，就像屏幕截图中一样。这仅发生在服务器中，但在本地everythink中工作正常。任何想法请解决这个问题！

在此处输入图像描述

应用程序.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

路由.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

标签： javascriptreactjsreact-router-dom