vue3 pinia 实现存储token
时间: 2023-11-16 15:54:17 浏览: 295
vue生成token并保存到本地存储中
在 Vue3 中使用 Pinia 实现存储 token,可以先创建一个 store,然后在 store 中定义一个 state,用于存储 token。具体实现步骤如下:
1. 安装 Pinia:`npm install pinia`
2. 创建 store:
```javascript
import { defineStore } from 'pinia'
export const useAuthStore = defineStore({
id: 'auth',
state: () => ({
token: ''
}),
actions: {
setToken(token) {
this.token = token
}
}
})
```
3. 在组件中使用 store:
```javascript
import { useAuthStore } from '@/store/auth'
export default {
setup() {
const authStore = useAuthStore()
const login = async () => {
// 登录成功后设置 token
authStore.setToken('token')
}
}
}
```
4. 在需要使用 token 的地方,可以通过 `useAuthStore().token` 获取 token。
阅读全文