按照教程在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。