在公司用了一年的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的属性,进行判断了.

Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐