javascript-React-admin-如果未通过身份验证,如何强制Dasbhoard要求登录

前端之家收集整理的这篇文章主要介绍了javascript-React-admin-如果未通过身份验证,如何强制Dasbhoard要求登录 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在管理组件中,我想要一个仪表板,如下所示:

<Admin dashboard={Dashboard}>
    <Resource name="list" list={MyList} />
</Admin>

如果用户尚未通过身份验证,如何强制仪表板要求登录?有没有简单的方法可以做到这一点?

最佳答案
当api端点返回401或403 http状态代码时,react-admin将显示登录页面.
从react-admin文档中的Authentication page

By default,an react-admin app doesn’t require authentication. But if
the REST API ever returns a 401 (Unauthorized) or a 403 (Forbidden)
response,then the user is redirected to the /login route. You have
nothing to do – it’s already built in.

认证由authProvider属性配置.

<Admin dashboard={Dashboard} authProvider={authProvider}>
    <Resource name="list" list={MyList} />
</Admin>

每次用户导航时都会调用auth提供程序.
因此,您可以实现authProvider来检查用户是否已登录或进入登录页面.

Authentication page – Checking Credentials During Navigation

Redirecting to the login page whenever a REST response uses a 401
status code is usually not enough,because react-admin keeps data on
the client side,and could display stale data while contacting the
server – even after the credentials are no longer valid.

Fortunately,each time the user navigates,react-admin calls the
authProvider with the AUTH_CHECK type,so it’s the ideal place to
check for credentials.

猜你在找的JavaScript相关文章