pinia存储token

我可以回答这个问题。Pinia 是一个 Vue.js 状态管理库，可以用于存储 token。在使用 Pinia 时，可以通过定义一个 state 来存储 token，然后在需要使用 token 的地方获取它。具体的实现方式可以参考 Pinia 的官方文档。

相关问题

axios拦截器获取pinia存储的token

可以通过以下代码获取pinia存储的token：

import { createPinia } from 'pinia';
import axios from 'axios';

const pinia = createPinia();

axios.interceptors.request.use((config) => {
  const token = pinia.state.token;
  if (token) {
    config.headers.Authorization = `Bearer ${token}`;
  }
  return config;
});

这里假设你已经在pinia的state中存储了token。在axios的拦截器中，我们可以通过pinia.state.token获取到存储的token，并将其添加到请求头中。

vue3 pinia 实现存储token

在 Vue3 中使用 Pinia 实现存储 token，可以先创建一个 store，然后在 store 中定义一个 state，用于存储 token。具体实现步骤如下：

1. 安装 Pinia：`npm install pinia`

2. 创建 store：

   import { defineStore } from 'pinia'

   export const useAuthStore = defineStore({
     id: 'auth',
     state: () => ({
       token: ''
     }),
     actions: {
       setToken(token) {
         this.token = token
       }
     }
   })

3. 在组件中使用 store：

   import { useAuthStore } from '@/store/auth'

   export default {
     setup() {
       const authStore = useAuthStore()

       const login = async () => {
         // 登录成功后设置 token
         authStore.setToken('token')
       }
     }
   }

4. 在需要使用 token 的地方，可以通过 `useAuthStore().token` 获取 token。