权限登录控制

yinbangzhong

2024-08-06 2a8ff4e2dc355f0dea17e01e1e5b7f55bd5588e6

权限登录控制

 src/hooks/permission.ts

@@ -9,7 +9,6 @@
      //遍历userStore.resource
      let isok = false;
      let user = getUserResources();
      let jsonObject = {};
      let resurces: any;
      if (userStore.resources) {
        resurces = userStore.resources;

 src/store/modules/user/index.ts

@@ -5,7 +5,7 @@
  getUserInfo,
  LoginData,
} from '@/api/user';
import { setToken, clearToken,setUserInfo,setUserResources } from '@/utils/auth';
import { setToken, clearToken, setUserInfo, setUserResources, clearUserResources } from "@/utils/auth";
import { removeRouteListener } from '@/utils/route-listener';
import { UserState } from './types';
import useAppStore from '../app';
@@ -51,6 +51,7 @@

    // Reset user's information
    resetInfo() {
      clearUserResources()
      this.$reset();
    },


 src/utils/auth.ts

@@ -44,4 +44,8 @@
  localStorage.setItem(UserResources, info);
};

export { isLogin, getToken, setToken, clearToken,getAuthorization, setAuthorization, getUserInfo, setUserInfo,setUserResources,getUserResources};
const clearUserResources = () => {
  localStorage.removeItem(UserResources);
};

export { isLogin, getToken, setToken, clearToken,getAuthorization, setAuthorization, getUserInfo, setUserInfo,setUserResources,getUserResources,clearUserResources};

 src/views/login/components/login-form.vue

@@ -83,12 +83,12 @@

  const loginConfig = useStorage('login-config', {
    rememberPassword: true,
    email: '1750082535@qq.com', // 演示默认值
    password: 'basic2024', // demo default value
    email: '', // 演示默认值
    password: '', // demo default value
  });
  const userInfo = reactive({
    email: '1750082535@qq.com', // 演示默认值
    password: 'basic2024', // demo default value
    email: '', // 演示默认值
    password: '', // demo default value
  });

  const handleSubmit = async ({