nuxt vuex持久化
老规矩,还是使用vue-peristedstate
yarn add vue-peristedstate --dev
安装完毕,在plugins目录创建一个localStorage.js文件
localStorage.js:
import createPersistedState from 'vuex-persistedstate'
export default ({ store }) => {
createPersistedState({
storage: localStorage,
reducer(val) {
return {
// 只储存state中的token
user: {
token: val.user.token
}
}
}
})(store)
}
reducer用于自定义指定vuex持久化,我设置的是user下的token,由于nuxt本身开了命名空间,所以,自行脑补。
文件搞定后我们去nuxt.config.js
激活插件即可。
nuxt.config.js
export default {
plugins:[
{ src: "@/plugins/localStorage", mode: 'client' }, //vuex持久化
]
}
如果有多个插件,建议这个插件放前面去。
然后就行了。
版权申明
本文系作者 @木灵鱼儿 原创发布在木灵鱼儿站点。未经许可,禁止转载。
评论
最新文章
Nestjs CORS配置和生产环境处理
1点赞
·
0评论
Debian12 SSH连接报错:Error Handshake failed no matching host key format
0点赞
·
0评论
Prisma 使用MongoDB创建数据时报错:Prisma needs to perform transactions, which requires your MongoDB server to be run as a replica set.
0点赞
·
0评论
Prisma 初始化MongoDB数据库下载报错reason unable to verify the first certificate解决方案
0点赞
·
0评论
Nuxt3 useFetch和$fetch的探讨以及封装请求处理
0点赞
·
3评论
目录
暂无目录
暂无评论数据