React Router 在 git 合并后停止工作



我正在尝试对我的反应路由器进行故障排除。它将进入空白页,并且在到达路由时不加载组件。我合并了一些代码,我认为它缺少 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解决了我的问题。我忘了我有那个。

最新更新