Vue中后端用户信息存储的三种方式
详细信息点击查看1.存储在cookie不安全 效率不高document.cookies设置2.使用localstore或sessionstorelocal长久 seesion 浏览器关闭就没了localStorage.setItem()sessionStorage.setItem()3.Vuex存储在store文件的state中初始化token,因为state中的数据不支持直接修改,所以我们需要定
·
- 1.存储在cookie
不安全 效率不高
document.cookies设置
- 2.使用localstore或sessionstore
- local长久 seesion 浏览器关闭就没了
localStorage.setItem()
sessionStorage.setItem()
在store文件的state中初始化token,因为state中的数据不支持直接修改,所以我们需要定义方法setToken(设置token)
和 getToken(获取token),然后我们就可以在登录接口处引入this.$store.commit(‘setToken’,JSON.stringify(res.data.token)),将后台传来的token存入Vuex和localStorage中,为什么还要存入localStorage,Vuex中的状态一旦页面刷新就不再存在,为了保持当前状态,需要通过localStorage中提取状态再传值给Vuexvuex优势:相比sessionStorage,存储数据更安全,sessionStorage可以在控制台被看到
vuex劣势:在F5刷新页面后,vuex会重新更新state,所以,存储的数据会丢失。 vuex可以进行全局的状态管理
更多推荐
已为社区贡献1条内容
所有评论(0)