使用Auth Token标头React Native映像,如何处理401?

kx5bkwkv  于 2022-12-24  发布在  React
关注(0)|答案(1)|浏览(102)

我有一个连接到OAuth2后端的React Native应用程序,我使用Axios连接到API,我有一个请求和响应拦截器,它可以处理访问令牌耗尽时的情况,它将使用刷新令牌获取新的访问令牌,同时将任何其他异步请求排队,直到我们有了新的令牌。
所有这些工作都很好,但是现在我有受保护的图像资源要服务,我不知道如何处理它。
使用React Native Image组件,我们可以非常容易地传入头:

<Image source={{
    headers: {Authorization: 'Bearer ' + authToken }, 
    uri: uri
}}></Image>

所以是的,我可以毫无问题地显示我的受保护图像,但我需要找到一种方法来实现与Axios客户端相同的令牌刷新功能。
是否可以使用React Native Image组件(如401回调函数),或者是否有一个库可以用于此操作?
提前感谢您的任何帮助或建议。😀

68bkxrlz

68bkxrlz1#

使用onError触发令牌刷新。

<Image
  headers: {Authorization: 'Bearer ' + authToken }, 
  uri: uri
  onError={(error) => { /*TODO*/ }}
/>

相关问题