请问前端如何将token保存起来传给下一个页面

在学习java的oauth2框架，但是ajax请求成功后如何将token保存起来。
比如login.html页面得到了token怎么发给index.html页面

// 保存在sessionStrage里面。
sessionStrage.setItem('token',r.data)
// 在你的index.html页面取token
sessionStrage.getItem('token')

存储位置有：localStorage、sessionStrage、vuex、Cookie

1、localStorage（本地存储），生命周期是永久，没有时间限制的存储，除非被清除，否则永久保留

2、sessionStroage( 会话存储 ) ，临时保存，短时间存储，仅在当前会话有效，当页面关闭或者浏览器 关闭时被清除

3、vuex的数据存储在内存中，保密性较高，但是刷新页面时，属于清除缓存，这时vuex存储的值就会丢失，可是尝试在监听页面刷新时，将vuex存储ocalStorage，刷新后获取到再清除。

4、Cookie，存放在Cookie中可以通过设置http-only来防止XSS攻击

可以保存在缓存中，当然缓存的方法又很多，较安全的可以保存在cookie中

可以使用localStorage保存到html全局。