如何在 React-admin 中创建未经身份验证的路由

Question

我正在寻找在 React-Admin 上创建未经身份验证的路由。我将我的路线放在管理组件之外，但它不起作用，它总是在 authProvider 中调用我的 checkAuth 函数，我不知道如何仅针对这条路线禁用它。 我的代码如下

<>
    <CustomRoutes>
      <Route path="/products/:slug" element={<AddRecipients/>} />
    </CustomRoutes>
    <Admin dataProvider={DataProvider} authProvider={authProvider}>
      <Resource name="users" list={UsersList} show={UsersShow} edit={UsersEdit} create={UsersCreate} icon={PeopleIcon} />
      <Resource name="candidatures" list={CandidaturesList} show={CandidaturesShow} edit={CandidaturesEdit} create={CandidaturesCreate} icon={NoteAltIcon} />
      <Resource name="recipients" list={RecipientsList} show={RecipientsShow} edit={RecipientsEdit} create={RecipientsCreate} icon={QuestionAnswerIcon} />
      <Resource name="jobs" list={JobsList} show={JobsShow} edit={JobsEdit} create={JobsCreate} icon={WorkIcon} />
      <Resource name="companies" list={CompaniesList} show={CompaniesShow} edit={CompaniesEdit} create={CompaniesCreate} icon={ApartmentIcon} />
    </Admin>
    </>

customRoutes 总是调用 checkAuth 所以它在登录页面上重定向我 我想到达的路线是 /products/:slug

Answer 1

您可以使用 disableAuthentication 属性删除核心视图元素的身份验证，例如 <List>、<Create> 和 <Edit>。

希望能帮助到你！