Javascript 如果图像URL https://<;中有jwt访问令牌,如何使用刷新令牌;我的网站>;。com/image.jpg?jwt=<;代币>;401失败

Javascript 如果图像URL https://<;中有jwt访问令牌,如何使用刷新令牌;我的网站>;。com/image.jpg?jwt=<;代币>;401失败,javascript,reactjs,go,security,jwt,Javascript,Reactjs,Go,Security,Jwt,对于API路由,我有一个Axios包装函数,它使用refresh_令牌,并在401失败时更新访问令牌,然后重试请求 但是如果令牌过期并且用户打开图像、视频,我如何使用刷新令牌而不让用户刷新页面 我知道我可以异步加载映像并更改src,但我正在使用这个?jwt=方法来服务不一定是映像的静态文件 还有一点背景: 我正在httpOnlycookie中使用refresh\u令牌 第一个jwt在登录后发送并存储在内存中。所以,如果用户刷新了页面,它就消失了,但由于其中一个API调用失败触发了401上的刷新令

对于API路由,我有一个Axios包装函数,它使用refresh_令牌,并在401失败时更新访问令牌,然后重试请求

但是如果令牌过期并且用户打开图像、视频,我如何使用刷新令牌而不让用户刷新页面

我知道我可以异步加载映像并更改
src
,但我正在使用这个
?jwt=
方法来服务不一定是映像的静态文件

还有一点背景:

  • 我正在
    httpOnly
    cookie中使用
    refresh\u令牌
  • 第一个jwt在登录后发送并存储在内存中。所以,如果用户刷新了页面,它就消失了,但由于其中一个API调用失败触发了401上的刷新令牌+重试,它可以很好地防止注销
  • 但是在15分钟内没有任何类型的API调用,静态内容似乎被破坏了


    不确定技术堆栈是否重要,但我使用React(CRA)作为前端,使用Go with(Go chi)作为后端。

    现在使用中提到的间隔