我正在尝试对我的反应路由器进行故障排除。它将进入空白页,并且在到达路由时不加载组件。我合并了一些代码,我认为它缺少 react-router-dom,但我重新安装了它,它似乎已加载。我的代码中也没有出现任何错误。我觉得这可能与历史记录或路由器有关,因为在 PrivateMainLayout 上,它会加载,但我必须刷新才能让它工作,直接 url 也不会转到路由。这是我为我的登录反应路由器的代码,如果它有帮助的话:
import React, {Component} from 'react';
import {connect} from 'react-redux';
import { BrowserRouter,Switch, Route, Redirect } from 'react-router-dom';
import PrivateMainLayout from '../layouts/PrivateMainLayout';
import AuthenticatedRoute from '../AuthenticatedRoute';
import Login from '../pages/Login';
export class LoginLayout extends Component{
constructor(){
super();
this.state = {
};
}
render(){
return(
<BrowserRouter>
<div>
<Switch>
<Route path="/bis/login" exact component={Login}/>
<AuthenticatedRoute login={this.props.login} path="/bis" component={PrivateMainLayout}/>
</Switch>
</div>
</BrowserRouter>
)
}
}
function mapStateToProps(state){
return{
login: state.login
};
}
export default connect(mapStateToProps, null)(LoginLayout);
如果您对为什么会发生这种行为有想法,请告诉我。蒂亚。
果然添加
location /bis {
try_files $uri /bis/index.html;
}
进入nginx解决了我的问题。我忘了我有那个。