前端登录业务中刷新页面导致VueX中存储的Token丢失问题

发现问题：

在实现用户登录注册的业务时，通过ajax请求将用户注册的用户名和密码发送给服务器（可以将数据放入请求头中)，服务器返回一个账号专属Token,将Token存储在总store中，然而刷新页面将导致store中的Token值丢失，变为初始值，即为空串，导致后续一系列需要用到判断Token是否存在的行为丢失。

问题原因：

表面原因是因为token没有携带给服务器，无法将携带Token的ajax请求发送，导致页面无法渲染服务器返回的数据，更深层次的原因为Vuex存储数据并非持久化的，store里的数据是保存在运行内存中，页面一旦刷新，Vue实例将重新加载，store里面的数据就会变成初始值，也就是导致Token值为空串

解决方案：

本地存储：将非持久化存储变为持久化存储

可以将仓库中token的初始值设置为localStorage.getItem('token'),这样初始值在没有进行本地存储前依旧为空串，这样在页面挂载时便可以使用本地存储中的token。需要注意的是，其他模块在挂载时也需向服务器发送带token的请求，否则无法获取本地存储的token，可以将请求放在app组件中进行统一发送。

其他解决方案：

1.将token存入sessionStorage、cookie中，但是cookie中能存储的字符串有限，不适用较大空间的存储，sessionStorage存储的数据在浏览器关闭之后会被清除，根据我