刷新页面重定向到React中的错误URL

Question

我的App.js中有以下路径：

           <Router history={history}>
                <div>
                    <Switch>
                        <Route path='/login' component={LoginPage} />
                        <Route path='/administrate' component={AdministratePage} />

                    </Switch>
                </div>
            </Router>

我的default.index.cshtml视图中引用了我的bundle.js：

<div id="root" />
<script src="~/Scripts/react/dist/bundle.js"></script>

成功登录后执行：

this.props.history.push('/administrate');

...在我的LoginPage组件中成功重定向到/ administrate

问题： 如何在管理页面上点击F5时阻止重定向到登录页面？

谢谢。

Answer 1

页面重新加载后，内存中的所有信息都会丢失，因此为了保持登录状态，您需要在登录后保留用户会话数据，并在初始页面加载时检查它。

最简单的方法可能是cookies或localStorage。