我的（一）——页面基本布局 & 封装和查看token操作模块

我的——页面基本布局 & 封装和查看token操作模块

页面基本布局

• 页面基本布局分析
• 相关功能
  • 保存登录用户token
  • 房屋详情中的收藏按钮
  • 个人中心里面的已收藏按钮
  • 个人中心->去登录按钮
  • 收藏房屋详情

封装token操作模块

• 将token操作封装到单独模块中方便使用

const TOKEN = 'mytoken'
export const token = {
  // 获取token数据
  getToken: () => {
    return sessionStorage.getItem(TOKEN)
  },
  // 缓存token数据
  setToken: (token) => {
    sessionStorage.setItem(TOKEN, token)
  },
  // 删除token数据
  removeToken: () => {
    sessionStorage.removeItem(TOKEN)
  }
}

查看token