nuxt3访问localstorage,sessionStorage

nuxt3在客户端的时候可以正常使用localstorage,sessionStorage,但是如果在服务端,是没有这些方法的,这个时候可以把数据存到cookie里,通过cookie来维护数据

// 访问cookie
const token = getCookie('token')
console.log(token)

// 更新cookie
const token = useCookie('token')
token.value = 'xxxxx'

此外,当你使用pinia或者其他状态管理工具,然后需要数据持久化的时候,也需要注意一下持久化只在客户端设置。

// 定义
export const useConfig = defineStore('config', {
  state:()=> ({
    version: '1.0.0'
  }),
  getters: {},
  actions: {
    setVersion(data: string) {
      this.version = data
    },
  },
  persist: import.meta.client && { // 只在客户端生效
    storage: localStorage
  }
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值