React項目打包發佈到Tomcat頁面空白解決辦法

按照教程在APP.js配置了路由，然後命令行執行cnpm run build打包，生成build目錄，將其發佈到SSM的webContent目錄下，啓動SSM項目後，訪問index.html無內容。

原因：APP.js裏是這樣寫的：

//根組件
import React from 'react';
import { BrowserRouter as Router,Route} from 'react-router-dom';
import Login from '../commponents/login';
import Home from '../commponents/index';
class App extends React.Component {
  render(){
    return(
    <Router >
      <div>
        <Route exact path="/" component={Login} /> {/*設置默認路由爲登錄頁面*/}
        <Route exact path="/index" component={Home} /> {/*主要組件頁*/}
      </div>
    </Router>
    )
  }
}
export default App;

在設置路由時，引入的是BrowserRouter會導致瀏覽器訪問不到相應的路由配置，因此需要將BrowserRouter換成HashRouter。