标签：ecmascript-6 reactjs react-router react-admin javascript

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

<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.

标签：ecmascript-6,reactjs,react-router,react-admin,javascript
来源： https://codeday.me/bug/20191211/2106149.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。