这里选择使用h5的Local Storage来进行缓存数据,来解决cookies缓存空间不足的问题。
1.引入Local Storage
在命令行终端输入
cnpm i --save web-storage-cache
安装完成后在utils目录下创建localStorage.js通用方法
localStorage.js
import Storage from 'web-storage-cache'
const localStorage = new Storage()
//写入
export function setLocalStorage(key,value){
return localStorage.set(key,value)
}
//获取
export function getLocalStorage(key){
return localStorage.get(key)
}
//删除
export function removeLocalStorage(key){
return localStorage.delete(key)
}
//全部清空
export function clearLocalStorage(){
return localStorage.clear()
}
export function setBookObject(fileName,key,value){
let book = getLocalStorage(`${fileName}-info`)
if(!book){
book = {}
}
book[key] = value
setLocalStorage(`${fileName}-info`,book)
}
export function getBookObject(fileName,key){
let book =