vue lowd + localStorage 使用

在公司用了一年的vue了。还不知道localStorage是什么。。。还要自己去采坑啊。

百度百科下

lowd 是基于node的纯JSON文件数据库

localStorage 持久化的本地存储，除非是通过js删除，或者清除浏览器缓存，否则数据是永远不会过期的。

使用场景：用户登录页面刷新时需要验证token存不存在，在拦截路由时 判断下是否需要登录。(不想使用cookie)

区别

cookie如果没有设置时间，则表示cookie的生命期为浏览器会话期间，关闭浏览器窗口，cookie就会消失，这种被称为会话cookie，它会被保存在内存中。
当设置了过期时间，浏览器会把cookie保存在硬盘中，关闭浏览器之后任然有效，直到超过设定的过期时间。

代码如下

import low from 'lowdb'
import LocalStorage from 'lowdb/adapters/LocalStorage'

const adapter = new LocalStorage(`ghc-db`) // 数据库名称
const db = low(adapter)
let currpath = 'user' // 数据结构
db.set(currpath, value).write() // 设定数据 value // {token'',uuid:123456}

let obj = JSON.parse(localStorage.getItem("ghc-db")).sys.public.user.info // 路由拦截时使用（获取对应的数据）
obj.属性

这样就可以使用obj的属性，进行判断了.