vue jwt作登录验证存储问题

Question

php后端，vue前端，axios的async/await方式请求接口，用后端返回的jwt做登录验证，token应该存储在cookie还是localStorage还是sessionStorage？

网上看了一下各有优缺点，现在的问题是：
1、后端返回的jwt有效时1小时，需要刷新token，我改如何判断它是否过期，用新的token替换旧的；

2、要有记住密码这个功能，用户账号密码的安全问题如何保证；

3、在用户关闭网页或者浏览器后又要退出登录；

这三个需求搞得有点迷，感觉用哪个存token都不太行，请教一下各位，这种情况应该选择哪个？

Answer 1

一般存cookie，发送http请求时cookie会被自动携带过去。至于刷新消失这个不用担心，cookie是可以设置有效时间的，一般不设置的话会被认为是会话级cookie，在关闭页面后消失。可以设置expires或者是max-age(一般用这个)来限制cookie的有效时间。一般cookie消失的原因除了了有效期到了之外，还有是因为有的浏览器有数量和大小限制，超过的话会被删除（不同浏览器删除机制不同，有的是删除最老的，也有随即删除或者其他的）