存储

浏览器存储

1.cookie

document.cookie = 'token=' + result.data.token
let token = getCookieValue('token')

export const getCookieValue = (cookieName) => {
  let allCookie = document.cookie
  // 获取所有的cookie值,只有一个值的时候没有;`token=abc`
  if (allCookie.length > 0 && allCookie.indexOf(';') === -1) {
    if (allCookie.indexOf(cookieName + '=') === 0) {
      // 返回cookie的值
      return allCookie.substring(cookieName.length + 1)
    }
  } else {
    let cookies = allCookie.split(';')

    // 遍历每个cookie
    for (let i = 0; i < cookies.length; i++) {
      let cookie = cookies[i].trim()

      // 检查cookie是否以给定的名称开头
      if (cookie.indexOf(cookieName + '=') === 0) {
        // 返回cookie的值
        return cookie.substring(cookieName.length + 1)
      }
    }
  }

  // 如果没有找到匹配的cookie，则返回空值或者其他指定的默认值
  return ''
}

2.localStorage 和 sessionStorage

//增
localStorage.setItem('key', 'value');
//删
localStorage.removeItem('key');
localStorage.clear();
//查
var data = localStorage.getItem('key');

3.三者区别