feat(auth): 添加 Keycloak 认证支持

baoshiwei

2025-04-19 9d960ed0058f9087f49e9741a9af06c3f9116eb0

 zhitan-vue/src/views/login.vue

@@ -83,10 +83,11 @@
</template>

<script setup>
import { getCodeImg } from "@/api/login"
import { getCodeImg, authBinding } from "@/api/login"
import Cookies from "js-cookie"
import { encrypt, decrypt } from "@/utils/jsencrypt"
import useUserStore from "@/store/modules/user"
import {ElMessage} from "element-plus";

const userStore = useUserStore()
const route = useRoute()
@@ -125,13 +126,13 @@
const register = ref(false)
const redirect = ref(undefined)

watch(
  route,
  (newRoute) => {
    redirect.value = newRoute.query && newRoute.query.redirect
  },
  { immediate: true }
)
// watch(
//   route,
//   (newRoute) => {
//     redirect.value = newRoute.query && newRoute.query.redirect
//   },
//   { immediate: true }
// )

function handleLogin() {
  proxy.$refs.loginRef.validate((valid) => {
@@ -193,8 +194,27 @@
  }
}

/**
 * 第三方登录
 * @param type
 */
const doSocialLogin = () => {
  console.log("doSocialLogin")
  authBinding().then((res) => {
    console.log(res);
    if (res.code === 200) {
      // 获取授权地址跳转
      window.location.href = res.data;
    } else {
      ElMessage.error(res.msg);
    }
  });
};
// 非单点登录放开下边两行，否则注释掉
getCode()
getCookie()
// 单点登录放开下边一行，否则注释掉
// doSocialLogin()
</script>

<style lang="scss" scoped>