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) {
			// 登录成功，存储 token
			const { 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;
	}
};