Vue3 – 如何在组件之外处理cookies?

huangapple go评论73阅读模式
英文:

Vue3 - How to work with cookies outside components?

问题

我需要使用 cookies 来存储 Vue 3 中已登录用户的访问令牌。为了实现这一点,我正在使用 'vue-cookies' npm 包。

它在组件内部完美运行 - 但我需要在组件之外获取 cookies。

这是我 Vue 3 项目中的 main.ts 文件:

import { createApp } from 'vue'
import { createPinia } from 'pinia'
import VueCookies from 'vue-cookies'
import router from './router'
import App from './App.vue'

import './assets/main.css'

const app = createApp(App)

app.use(createPinia())
app.use(router)
app.use(VueCookies, { expires: '15m' })

app.mount('#app')

在 "LoginItem.vue" 组件内,我有以下代码片段,其中在 :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定