vue 页面刷新，倒计时重置

Question

后端提供了一个获取验证码的接口，60秒以内才能获取一次

如果当前用户刷新页面，页面中的倒计时会重置，这个时候如果点击获取验证码会导致获取失败。。

目前的解决办法：
1，第一次点击获取验证码，本地存储一个时间：
2，如果用户刷新页面，拿当前时间和本地时间做比较，未超过就显示错误；
3：等待60秒，倒计时重置写入当前时间，返回通过。

不知道VUE本身对刷新这块有什么办法解决嘛？

Answer 1

好了，那就采用自己的方案吧

Answer 2

这个应该是服务端判断

Answer 3

其实也不用一定要服务端判断，按照你的方式，不过有一点，如果你记录的时间跟当前时间没有超过60秒就应该显示对应的倒计时多少秒，而不是显示错误，这样我认为会比较友好一点，会有更好的用户体验。
其实正确的方式应该让后端去记录这个时间，记录到session里面，每次页面一加载就返回给你，这样即使刷新页面也不会有问题。

Answer 4

页面刷新几乎都是这样的 重置 你可以看看其他的获取验证码的网页

Answer 5

嗯，答案是没有。
页面刷新是一种浏览器机制，而VUE也只不过是一个框架而已，说白了也就是普通的js代码。
你的这种需求，要么通过你的这种持久化缓存机制，要么通过服务端缓存机制判断。