智能协作云图库前端登录态持久化localStorage

1、引入pinia-plugin-persist库npm i pinia-plugin-persist 2、修改main.ts

▼
ts
复制代码
// ...略
import { createPinia } from 'pinia'
import piniaPluginPersist from 'pinia-plugin-persist'
const store = createPinia()
store.use(piniaPluginPersist)
const app = createApp(App)
app.use(store)
// ...略

3、修改useLoginUserStore.ts

▼
ts
复制代码
import { defineStore } from "pinia";
import { ref } from "vue";
import {getLoginUserUsingGet} from "@/api/userController.ts";

export const useLoginUserStore = defineStore("loginUser", () => {
  const loginUser = ref<API.LoginUserVO>({
    userName: '未登录',
  })


  async function fetchLoginUser() {
    const res = await getLoginUserUsingGet()
    if (res.data.code === 0 && res.data.data) {
      loginUser.value = res.data.data
    }
  }


  function setLoginUser(newLoginUser: any) {
    loginUser.value = newLoginUser;
  }

  return { loginUser, setLoginUser, fetchLoginUser };
},
// 新增部分代码
{
persist: {
  enabled: true,
  strategies: [
    {
      key: 'loginUser',
      storage: localStorage, //可以选择对应的存储形式（localStorage或者sessionStroage）
    },
  ],
},
});