reactjs - 如何在react-admin上实现忘记密码页面

Question

我在 react-admin 上实现了一个仪表板。身份验证过程是按照 this tutorial 完成的.

现在我需要实现一个忘记密码屏幕，但问题是该屏幕需要无需登录即可访问...

我想到了两种可能的方法来实现这一点:

1. 理想情况下，我想配置react-admin以允许未经身份验证的访问特定路由。不确定如何做到这一点，或者是否可能......我发现 this Github issue提到这是一个增强功能，但它没有解释如何解决这个问题。
2. 在 React 中单独实现此屏幕，并单独处理到此页面的路由。也不知道如何在框架上执行此操作...

有人可以解释如何在框架上实现任一选项吗？

提前致谢，

Answer 1

基于 comment在 Github 问题上，我最终实现了基于 simple example 的解决方法.

我做的主要事情是使用 noLayout 选项添加一些自定义路由。由于某些我在文档中找不到的原因，这些自定义路由似乎没有经过身份验证。

所以，我重新定义了我的 App.js 文件:

const App = () => (
  <Admin
        loginPage={Login}
        authProvider={authProvider}
        dataProvider={dataProvider}
        i18nProvider={i18nProvider}
        title="Example Admin"
        locale="en"
        customReducers={{ tree }}
        customRoutes={[
            <Route exact path="/forgotPassword" component={ForgotPassword} noLayout/>,
            <Route exact path="/resetPassword" component={ResetPassword} noLayout/>,
        ]}
    >
        {permissions => [
            <Resource name="users" {...users} />,
        ]}
  </Admin>
);

无论如何，这是我想出的解决方案，不确定它是否正确。如果您找到更好的东西，请告诉我。