Vue中后端用户信息存储的三种方式

详细信息点击查看

• 1.存储在cookie

不安全 效率不高

document.cookies设置

• 2.使用localstore或sessionstore

• local长久 seesion 浏览器关闭就没了

localStorage.setItem()
sessionStorage.setItem()

• 3.Vuex存储

在store文件的state中初始化token，因为state中的数据不支持直接修改，所以我们需要定义方法setToken(设置token)
和 getToken(获取token)，然后我们就可以在登录接口处引入this.$store.commit(‘setToken’,JSON.stringify(res.data.token))，将后台传来的token存入Vuex和localStorage中，为什么还要存入localStorage，Vuex中的状态一旦页面刷新就不再存在，为了保持当前状态，需要通过localStorage中提取状态再传值给Vuex

vuex优势:相比sessionStorage,存储数据更安全,sessionStorage可以在控制台被看到

vuex劣势:在F5刷新页面后,vuex会重新更新state,所以,存储的数据会丢失。 vuex可以进行全局的状态管理