08-前端保存token

最新推荐文章于 2024-12-19 08:12:55 发布

NikoWord

最新推荐文章于 2024-12-19 08:12:55 发布

阅读量1.3k

点赞数

分类专栏： 07-前端开发、后端技术文章标签：前端 javascript 开发语言

本文链接：https://blog.youkuaiyun.com/NikoChina/article/details/131163987

版权

07-前端开发、后端技术专栏收录该内容

24 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何使用Vuex全局变量保存登录信息，并结合H5的SessionStorage解决页面刷新后用户数据丢失的问题。通过在Vuex中创建全局变量、登录成功后赋值，以及在SessionStorage中同步保存，确保用户数据在页面刷新后仍然可用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、使用vuex(store)保存登录信息

vuex或称store，用于存储全局变量，可用于各页面传递参数，或放置项目全局信息。

state：定义一个全局变量
getters：获取变量时，做些额外的转换，如日期格式化
mutations：相当于java的setter，用于修改变量
actions：发起异步任务
modules：项目较大，变量较多时，可以模块化

缺点：页面刷新后，数据会丢失

1.1、创建全局变量

在ticketweb/src/store目录中index.js文件：创建member全局变量。

import { createStore } from 'vuex'

export default createStore({
  // state：定义一个全局变量
  state: {
    member: {}
  },

  // getters：获取变量时，做些额外的转换，如日期格式化
  getters: {
  },

  // mutations：相当于java的setter࿰

了解本专栏