React中结合flyio与fetch-jsonp处理跨域登录传递Token问题

原创 守候你的季节 随笔 JavaScript 95阅读 2018-06-29 17:03:34 举报

这里仅以flyio与fetch-jsonp结合作为示例(token存放在cookie中),具体代码逻辑视项目而定

要点

  • flyio拦截器中执行异步任务
  • 发送jsonp请求

现在有两个不同域网站 a网站 & b网站

  1. 当访问a网站时检测有无token,无token则向b网站发送jsonp请求换取token,在token请求回来之前暂不受理其他任何请求(防止重复发送jsonp请求),获取后将token写入cookie,写入完毕后,跳转到b网站进行登录,有token则进行下一步。
  2. 已有token,a网站的响应拦截器则检测token是否过期,未过期则放行,过期则向b网站发送jsonp请求更新token,更新成功刷新页面。

主要代码

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复