vue-next-admin

先安装依赖  npm i   依赖, npm run dev 运行

1.配置代理

2.把他的逻辑和自己的登录判断逻辑结合(我的放下面，可以参考哦，可以直接使用，到时候修改登录逻辑就好)，别忘了引入ajxio哦

const onSignIn = async () => {// 设置登录请求为异步try {state.loading.signIn = true;const response = await axios({url: '/fastapi/member/login', // 替换为你自己的登录接口method: 'post',data: {account: state.ruleForm.userName, // 使用用户输入的用户名password: state.ruleForm.password, // 使用用户输入的密码},});// 假设后端返回的数据包含一个 code 和 token 字段if (response.data.code === 1) {// 登录成功，存储 tokenconst { token } = response.data;Session.set('token', token); // 将 token 存储到浏览器缓存中Cookies.set('userName', state.ruleForm.userName); // 存储用户名// 根据路由配置来初始化路由if (!themeConfig.value.isRequestRoutes) {const isNoPower = await initFrontEndControlRoutes();signInSuccess(isNoPower);} else {const isNoPower = await initBackEndControlRoutes();signInSuccess(isNoPower);}} else {// 登录失败ElMessage.error(response.data.message || '登录失败');state.loading.signIn = false;}} catch (error) {// 捕获错误并提示ElMessage.error('登录请求失败，请检查网络或重试');state.loading.signIn = false;}
};