refactor(frontend): merge authserver web login

This commit is contained in:
mac
2026-07-15 14:47:42 +08:00
parent 6af511ed0b
commit 81d2a8a60b
23 changed files with 178 additions and 1115 deletions
+23 -1
View File
@@ -3,7 +3,29 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
// 根组件 import { onMounted } from 'vue'
import { authApi } from '@/api/auth'
import { getToken, removeToken } from '@/utils/auth'
import { redirectToSSO } from '@/utils/sso'
import { useAuthStore } from '@/stores/auth'
const authStore = useAuthStore()
onMounted(async () => {
const token = getToken()
if (!token) {
return
}
try {
const { data } = await authApi.getUserInfo()
authStore.setAuth(token, data)
} catch {
authStore.clearAuth()
removeToken()
redirectToSSO()
}
})
</script> </script>
<style> <style>
+25 -40
View File
@@ -1,4 +1,5 @@
import type { ApiResponse } from '@/types/api' import type { ApiResponse } from '@/types/api'
import { getToken } from '@/utils/auth'
export interface LoginRequest { export interface LoginRequest {
username: string username: string
@@ -19,53 +20,37 @@ export interface LoginResponse {
user: UserInfo user: UserInfo
} }
// Mock 数据
const mockUser: UserInfo = {
id: 1,
username: 'admin',
display_name: '王晓东',
email: 'admin@qiniu.com',
business_line: 'kodo',
}
export const authApi = { export const authApi = {
// 登录
login(_data: LoginRequest): Promise<ApiResponse<LoginResponse>> { login(_data: LoginRequest): Promise<ApiResponse<LoginResponse>> {
// MVP 阶段使用 Mock 数据 return Promise.reject(new Error('password login is disabled'))
return new Promise((resolve) => {
setTimeout(() => {
resolve({
code: 0,
message: 'success',
data: {
token: 'mock-jwt-token-' + Date.now(),
expires_in: 3600,
user: mockUser,
},
})
}, 500)
})
}, },
// 登出
logout(): Promise<ApiResponse<null>> { logout(): Promise<ApiResponse<null>> {
return new Promise((resolve) => { return Promise.resolve({ code: 0, message: 'success', data: null })
setTimeout(() => {
resolve({ code: 0, message: 'success', data: null })
}, 200)
})
}, },
// 获取用户信息 async getUserInfo(): Promise<ApiResponse<UserInfo>> {
getUserInfo(): Promise<ApiResponse<UserInfo>> { const token = getToken()
return new Promise((resolve) => { const response = await fetch('/auth/api/v1/users/me', {
setTimeout(() => { headers: {
resolve({ Accept: 'application/json',
code: 0, ...(token ? { Authorization: `Bearer ${token}` } : {}),
message: 'success', },
data: mockUser,
})
}, 200)
}) })
const data = await response.json().catch(() => ({}))
if (!response.ok) {
throw new Error(data.error || `HTTP ${response.status}`)
}
return {
code: 0,
message: 'success',
data: {
id: data.id,
username: data.username,
display_name: data.display_name || data.username,
email: data.email || '',
business_line: data.business_line || '',
},
}
}, },
} }
+2 -1
View File
@@ -1,5 +1,6 @@
import axios, { type AxiosResponse, type AxiosError } from 'axios' import axios, { type AxiosResponse, type AxiosError } from 'axios'
import { getToken, removeToken } from '@/utils/auth' import { getToken, removeToken } from '@/utils/auth'
import { redirectToSSO } from '@/utils/sso'
import { ElMessage } from 'element-plus' import { ElMessage } from 'element-plus'
import type { ApiResponse } from '@/types/api' import type { ApiResponse } from '@/types/api'
import { codeMessageMap } from '@/types/api' import { codeMessageMap } from '@/types/api'
@@ -60,7 +61,7 @@ request.interceptors.response.use(
if (status === 401) { if (status === 401) {
removeToken() removeToken()
window.location.href = '/login' redirectToSSO()
ElMessage.error(backendMessage || '未授权,请重新登录') ElMessage.error(backendMessage || '未授权,请重新登录')
} else { } else {
const message = backendMessage || httpMessageMap[status] || `请求失败 (${status})` const message = backendMessage || httpMessageMap[status] || `请求失败 (${status})`
+51 -24
View File
@@ -1,4 +1,6 @@
import type { ApiResponse } from '@/types/api' import type { ApiResponse } from '@/types/api'
import { getToken, removeToken } from '@/utils/auth'
import { redirectToSSO } from '@/utils/sso'
export interface Subsystem { export interface Subsystem {
id: number id: number
@@ -15,7 +17,6 @@ export interface SSOResponse {
expires_in: number expires_in: number
} }
// Mock 数据
const mockSubsystems: Subsystem[] = [ const mockSubsystems: Subsystem[] = [
{ {
id: 1, id: 1,
@@ -74,33 +75,59 @@ const mockSubsystems: Subsystem[] = [
] ]
export const subsystemApi = { export const subsystemApi = {
// 获取子系统列表
getSubsystems(): Promise<ApiResponse<Subsystem[]>> { getSubsystems(): Promise<ApiResponse<Subsystem[]>> {
return new Promise((resolve) => { return Promise.resolve({
setTimeout(() => { code: 0,
resolve({ message: 'success',
code: 0, data: mockSubsystems,
message: 'success',
data: mockSubsystems,
})
}, 300)
}) })
}, },
// 获取 SSO 跳转 URL async getSSOUrl(id: number): Promise<ApiResponse<SSOResponse>> {
getSSOUrl(id: number): Promise<ApiResponse<SSOResponse>> { const subsystem = mockSubsystems.find((s) => s.id === id)
return new Promise((resolve) => { if (!subsystem) {
setTimeout(() => { throw new Error('subsystem not found')
const subsystem = mockSubsystems.find((s) => s.id === id) }
resolve({ if (subsystem.name !== 'Wayne' && subsystem.name !== 'CloudDM') {
code: 0, return {
message: 'success', code: 0,
data: { message: 'success',
sso_url: subsystem?.url + '/sso/callback?code=mock-code&state=mock-state', data: {
expires_in: 300, sso_url: subsystem.url,
}, expires_in: 300,
}) },
}, 200) }
}
const token = getToken()
const openApp = subsystem.name === 'CloudDM' ? 'clouddm' : 'wayne'
const path = subsystem.name === 'CloudDM' ? '/auth/api/v1/clouddm/login' : '/auth/api/v1/wayen/login'
const response = await fetch(path, {
headers: {
Accept: 'application/json',
...(token ? { Authorization: `Bearer ${token}` } : {}),
},
credentials: 'include',
}) })
const data = await response.json().catch(() => ({}))
if (response.status === 401) {
removeToken()
redirectToSSO(openApp)
throw new Error('unauthorized')
}
if (!response.ok) {
throw new Error(data.error || `HTTP ${response.status}`)
}
if (!data.target_url) {
throw new Error(`${subsystem.name} 跳转地址为空`)
}
return {
code: 0,
message: 'success',
data: {
sso_url: data.target_url,
expires_in: 300,
},
}
}, },
} }
+4 -2
View File
@@ -52,13 +52,15 @@ interface Column {
class?: string class?: string
} }
defineProps<{ withDefaults(defineProps<{
title: string title: string
columns: Column[] columns: Column[]
data: any[] data: any[]
total: number total: number
pageSize?: number pageSize?: number
}>() }>(), {
pageSize: 10,
})
const statusMap: Record<string, string> = { const statusMap: Record<string, string> = {
success: '成功', success: '成功',
+1 -1
View File
@@ -64,7 +64,7 @@ const description = computed(() => {
const handleClick = async () => { const handleClick = async () => {
if (props.system.sso_enabled) { if (props.system.sso_enabled) {
const { data } = await subsystemApi.getSSOUrl(props.system.id) const { data } = await subsystemApi.getSSOUrl(props.system.id)
window.open(data.sso_url, '_blank') window.location.assign(data.sso_url)
} else { } else {
window.open(props.system.url, '_blank') window.open(props.system.url, '_blank')
} }
+3 -4
View File
@@ -1,9 +1,8 @@
import { useRouter } from 'vue-router'
import { useAuthStore } from '@/stores/auth' import { useAuthStore } from '@/stores/auth'
import { authApi } from '@/api/auth' import { authApi } from '@/api/auth'
import { redirectToSSO } from '@/utils/sso'
export function useAuth() { export function useAuth() {
const router = useRouter()
const authStore = useAuthStore() const authStore = useAuthStore()
const login = async (username: string, password: string) => { const login = async (username: string, password: string) => {
@@ -16,12 +15,12 @@ export function useAuth() {
const logout = async () => { const logout = async () => {
await authApi.logout() await authApi.logout()
authStore.clearAuth() authStore.clearAuth()
router.push('/login') redirectToSSO()
} }
const checkAuth = () => { const checkAuth = () => {
if (!authStore.isLoggedIn()) { if (!authStore.isLoggedIn()) {
router.push('/login') redirectToSSO()
return false return false
} }
return true return true
+4 -1
View File
@@ -1,5 +1,6 @@
import { createRouter, createWebHistory } from 'vue-router' import { createRouter, createWebHistory } from 'vue-router'
import { getToken } from '@/utils/auth' import { getToken } from '@/utils/auth'
import { consumeSSOToken, redirectToSSO } from '@/utils/sso'
const router = createRouter({ const router = createRouter({
history: createWebHistory(), history: createWebHistory(),
@@ -98,10 +99,12 @@ const router = createRouter({
// 路由守卫 // 路由守卫
router.beforeEach((to, _from, next) => { router.beforeEach((to, _from, next) => {
consumeSSOToken()
const token = getToken() const token = getToken()
if (to.meta.requiresAuth !== false && !token) { if (to.meta.requiresAuth !== false && !token) {
next('/login') redirectToSSO()
return
} else if (to.path === '/login' && token) { } else if (to.path === '/login' && token) {
next('/') next('/')
} else { } else {
+2 -2
View File
@@ -1,5 +1,5 @@
const TOKEN_KEY = 'xinfra_token' const TOKEN_KEY = 'authserver_token'
const USER_KEY = 'xinfra_user' const USER_KEY = 'authserver_user'
export function getToken(): string | null { export function getToken(): string | null {
return localStorage.getItem(TOKEN_KEY) return localStorage.getItem(TOKEN_KEY)
+42
View File
@@ -0,0 +1,42 @@
import { setToken } from '@/utils/auth'
const SSO_LOGIN_PATH = '/auth/api/v1/login/internal-sso'
export function relayState(openApp = ''): string {
const url = new URL(window.location.href)
url.searchParams.delete('sso_token')
url.searchParams.delete('open_app')
if (openApp) {
url.searchParams.set('open_app', openApp)
}
return `${url.pathname}${url.search}${url.hash}` || '/'
}
export function redirectToSSO(openApp = ''): void {
window.location.assign(`${SSO_LOGIN_PATH}?relay_state=${encodeURIComponent(relayState(openApp))}`)
}
export function consumeSSOToken(): string {
const url = new URL(window.location.href)
const token = url.searchParams.get('sso_token') || ''
if (!token) {
return ''
}
setToken(token)
url.searchParams.delete('sso_token')
window.history.replaceState({}, '', `${url.pathname}${url.search}${url.hash}`)
return token
}
export function consumeOpenApp(): string {
const url = new URL(window.location.href)
const openApp = url.searchParams.get('open_app') || ''
if (!openApp) {
return ''
}
url.searchParams.delete('open_app')
window.history.replaceState({}, '', `${url.pathname}${url.search}${url.hash}`)
return openApp
}
+7 -73
View File
@@ -7,45 +7,11 @@
xinfra xinfra
</div> </div>
<h2>统一基础设施平台</h2> <h2>统一基础设施平台</h2>
<p>LDAP 账号登录</p> <p>正在跳转到 SSO 登录</p>
</div> </div>
<el-form <el-button type="primary" size="large" style="width: 100%" @click="redirectToSSO()">
ref="formRef" 重新跳转
:model="form" </el-button>
:rules="rules"
label-position="top"
@submit.prevent="handleLogin"
>
<el-form-item label="用户名" prop="username">
<el-input
v-model="form.username"
placeholder="请输入用户名"
prefix-icon="User"
size="large"
/>
</el-form-item>
<el-form-item label="密码" prop="password">
<el-input
v-model="form.password"
type="password"
placeholder="请输入密码"
prefix-icon="Lock"
size="large"
show-password
/>
</el-form-item>
<el-form-item>
<el-button
type="primary"
size="large"
:loading="loading"
@click="handleLogin"
style="width: 100%"
>
登录
</el-button>
</el-form-item>
</el-form>
<div class="login-footer"> <div class="login-footer">
<p>统一 LDAP 账号,同账号同密码</p> <p>统一 LDAP 账号,同账号同密码</p>
</div> </div>
@@ -54,42 +20,10 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref, reactive } from 'vue' import { onMounted } from 'vue'
import { useRouter } from 'vue-router' import { redirectToSSO } from '@/utils/sso'
import { useAuth } from '@/composables/useAuth'
import { ElMessage } from 'element-plus'
import type { FormInstance, FormRules } from 'element-plus'
const router = useRouter() onMounted(() => redirectToSSO())
const { login } = useAuth()
const formRef = ref<FormInstance>()
const loading = ref(false)
const form = reactive({
username: '',
password: '',
})
const rules: FormRules = {
username: [{ required: true, message: '请输入用户名', trigger: 'blur' }],
password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
}
const handleLogin = async () => {
const valid = await formRef.value?.validate().catch(() => false)
if (!valid) return
loading.value = true
try {
await login(form.username, form.password)
ElMessage.success('登录成功')
router.push('/')
} catch {
// 错误已由 request 拦截器统一处理
} finally {
loading.value = false
}
}
</script> </script>
<style scoped> <style scoped>
@@ -20,6 +20,7 @@
import { ref, onMounted } from 'vue' import { ref, onMounted } from 'vue'
import { subsystemApi, type Subsystem } from '@/api/subsystem' import { subsystemApi, type Subsystem } from '@/api/subsystem'
import SubsystemCard from '@/components/SubsystemCard.vue' import SubsystemCard from '@/components/SubsystemCard.vue'
import { consumeOpenApp } from '@/utils/sso'
const subsystems = ref<Subsystem[]>([]) const subsystems = ref<Subsystem[]>([])
@@ -27,6 +28,15 @@ onMounted(async () => {
try { try {
const { data } = await subsystemApi.getSubsystems() const { data } = await subsystemApi.getSubsystems()
subsystems.value = data subsystems.value = data
const openApp = consumeOpenApp()
if (openApp) {
const targetName = openApp === 'clouddm' ? 'CloudDM' : 'Wayne'
const target = data.find((item) => item.name === targetName)
if (target) {
const response = await subsystemApi.getSSOUrl(target.id)
window.location.assign(response.data.sso_url)
}
}
} catch { } catch {
// 错误已由 request 拦截器统一处理 // 错误已由 request 拦截器统一处理
} }
+4
View File
@@ -23,6 +23,10 @@ export default defineConfig({
server: { server: {
port: 3000, port: 3000,
proxy: { proxy: {
'/auth': {
target: 'http://localhost:8083',
changeOrigin: true,
},
'/api': { '/api': {
target: 'http://localhost:8080', target: 'http://localhost:8080',
changeOrigin: true, changeOrigin: true,
-4
View File
@@ -1,4 +0,0 @@
node_modules/
dist/
.DS_Store
-16
View File
@@ -1,16 +0,0 @@
FROM node:14-alpine AS builder
WORKDIR /app
COPY package*.json ./
RUN npm install --no-audit --no-fund
COPY . .
RUN npm run build
FROM nginx:1.29-alpine
COPY nginx.conf /etc/nginx/conf.d/default.conf
COPY --from=builder /app/dist /usr/share/nginx/html/auth
EXPOSE 80
-12
View File
@@ -1,12 +0,0 @@
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>AuthServer</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
</body>
</html>
-90
View File
@@ -1,90 +0,0 @@
server {
listen 80;
server_name _;
client_max_body_size 10m;
root /usr/share/nginx/html;
index index.html;
location = / {
return 302 /auth/;
}
location = /healthz {
proxy_pass http://authserver-backend:8083;
proxy_http_version 1.1;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
}
location = /readyz {
proxy_pass http://authserver-backend:8083;
proxy_http_version 1.1;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
}
location /auth/api/ {
proxy_pass http://authserver-backend:8083;
proxy_http_version 1.1;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_connect_timeout 5s;
proxy_send_timeout 60s;
proxy_read_timeout 60s;
}
location /auth/oauth/ {
proxy_pass http://authserver-backend:8083;
proxy_http_version 1.1;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_connect_timeout 5s;
proxy_send_timeout 60s;
proxy_read_timeout 60s;
}
location /auth/.well-known/ {
proxy_pass http://authserver-backend:8083;
proxy_http_version 1.1;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_connect_timeout 5s;
proxy_send_timeout 60s;
proxy_read_timeout 60s;
}
location /internal/clouddm/ {
proxy_pass http://open-cdm.db.svc.cluster.local:8222/;
proxy_http_version 1.1;
proxy_set_header Host 218.11.5.223:30009;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-Host 218.11.5.223:30009;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto http;
proxy_connect_timeout 5s;
proxy_send_timeout 60s;
proxy_read_timeout 60s;
}
location /auth/ {
try_files $uri $uri/ /auth/index.html;
}
location ~* \.(js|css|png|jpg|jpeg|gif|svg|ico|woff2?)$ {
expires 7d;
add_header Cache-Control "public, max-age=604800";
try_files $uri =404;
}
}
-379
View File
@@ -1,379 +0,0 @@
{
"name": "authserver-web",
"version": "0.1.0",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
"@babel/helper-string-parser": {
"version": "7.29.7",
"resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
"integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw=="
},
"@babel/helper-validator-identifier": {
"version": "7.29.7",
"resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
"integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg=="
},
"@babel/parser": {
"version": "7.29.7",
"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.7.tgz",
"integrity": "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==",
"requires": {
"@babel/types": "^7.29.7"
}
},
"@babel/types": {
"version": "7.29.7",
"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.7.tgz",
"integrity": "sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==",
"requires": {
"@babel/helper-string-parser": "^7.29.7",
"@babel/helper-validator-identifier": "^7.29.7"
}
},
"@esbuild/android-arm": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
"integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==",
"optional": true
},
"@esbuild/android-arm64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz",
"integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==",
"optional": true
},
"@esbuild/android-x64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz",
"integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==",
"optional": true
},
"@esbuild/darwin-arm64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz",
"integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==",
"optional": true
},
"@esbuild/darwin-x64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz",
"integrity": "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==",
"optional": true
},
"@esbuild/freebsd-arm64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz",
"integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==",
"optional": true
},
"@esbuild/freebsd-x64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz",
"integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==",
"optional": true
},
"@esbuild/linux-arm": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz",
"integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==",
"optional": true
},
"@esbuild/linux-arm64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz",
"integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==",
"optional": true
},
"@esbuild/linux-ia32": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz",
"integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==",
"optional": true
},
"@esbuild/linux-loong64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz",
"integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==",
"optional": true
},
"@esbuild/linux-mips64el": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz",
"integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==",
"optional": true
},
"@esbuild/linux-ppc64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz",
"integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==",
"optional": true
},
"@esbuild/linux-riscv64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz",
"integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==",
"optional": true
},
"@esbuild/linux-s390x": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz",
"integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==",
"optional": true
},
"@esbuild/linux-x64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz",
"integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==",
"optional": true
},
"@esbuild/netbsd-x64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz",
"integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==",
"optional": true
},
"@esbuild/openbsd-x64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz",
"integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==",
"optional": true
},
"@esbuild/sunos-x64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz",
"integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==",
"optional": true
},
"@esbuild/win32-arm64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz",
"integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==",
"optional": true
},
"@esbuild/win32-ia32": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz",
"integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==",
"optional": true
},
"@esbuild/win32-x64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz",
"integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==",
"optional": true
},
"@jridgewell/sourcemap-codec": {
"version": "1.5.5",
"resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
"integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og=="
},
"@vitejs/plugin-vue": {
"version": "4.6.2",
"resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.6.2.tgz",
"integrity": "sha512-kqf7SGFoG+80aZG6Pf+gsZIVvGSCKE98JbiWqcCV9cThtg91Jav0yvYFC9Zb+jKetNGF6ZKeoaxgZfND21fWKw=="
},
"@vue/compiler-core": {
"version": "3.5.17",
"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.17.tgz",
"integrity": "sha512-Xe+AittLbAyV0pabcN7cP7/BenRBNcteM4aSDCtRvGw0d9OL+HG1u/XHLY/kt1q4fyMeZYXyIYrsHuPSiDPosA==",
"requires": {
"@babel/parser": "^7.27.5",
"@vue/shared": "3.5.17",
"entities": "^4.5.0",
"estree-walker": "^2.0.2",
"source-map-js": "^1.2.1"
}
},
"@vue/compiler-dom": {
"version": "3.5.17",
"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.17.tgz",
"integrity": "sha512-+2UgfLKoaNLhgfhV5Ihnk6wB4ljyW1/7wUIog2puUqajiC29Lp5R/IKDdkebh9jTbTogTbsgB+OY9cEWzG95JQ==",
"requires": {
"@vue/compiler-core": "3.5.17",
"@vue/shared": "3.5.17"
}
},
"@vue/compiler-sfc": {
"version": "3.5.17",
"resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.17.tgz",
"integrity": "sha512-rQQxbRJMgTqwRugtjw0cnyQv9cP4/4BxWfTdRBkqsTfLOHWykLzbOc3C4GGzAmdMDxhzU/1Ija5bTjMVrddqww==",
"requires": {
"@babel/parser": "^7.27.5",
"@vue/compiler-core": "3.5.17",
"@vue/compiler-dom": "3.5.17",
"@vue/compiler-ssr": "3.5.17",
"@vue/shared": "3.5.17",
"estree-walker": "^2.0.2",
"magic-string": "^0.30.17",
"postcss": "^8.5.6",
"source-map-js": "^1.2.1"
}
},
"@vue/compiler-ssr": {
"version": "3.5.17",
"resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.17.tgz",
"integrity": "sha512-hkDbA0Q20ZzGgpj5uZjb9rBzQtIHLS78mMilwrlpWk2Ep37DYntUz0PonQ6kr113vfOEdM+zTBuJDaceNIW0tQ==",
"requires": {
"@vue/compiler-dom": "3.5.17",
"@vue/shared": "3.5.17"
}
},
"@vue/reactivity": {
"version": "3.5.17",
"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.17.tgz",
"integrity": "sha512-l/rmw2STIscWi7SNJp708FK4Kofs97zc/5aEPQh4bOsReD/8ICuBcEmS7KGwDj5ODQLYWVN2lNibKJL1z5b+Lw==",
"requires": {
"@vue/shared": "3.5.17"
}
},
"@vue/runtime-core": {
"version": "3.5.17",
"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.17.tgz",
"integrity": "sha512-QQLXa20dHg1R0ri4bjKeGFKEkJA7MMBxrKo2G+gJikmumRS7PTD4BOU9FKrDQWMKowz7frJJGqBffYMgQYS96Q==",
"requires": {
"@vue/reactivity": "3.5.17",
"@vue/shared": "3.5.17"
}
},
"@vue/runtime-dom": {
"version": "3.5.17",
"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.17.tgz",
"integrity": "sha512-8El0M60TcwZ1QMz4/os2MdlQECgGoVHPuLnQBU3m9h3gdNRW9xRmI8iLS4t/22OQlOE6aJvNNlBiCzPHur4H9g==",
"requires": {
"@vue/reactivity": "3.5.17",
"@vue/runtime-core": "3.5.17",
"@vue/shared": "3.5.17",
"csstype": "^3.1.3"
}
},
"@vue/server-renderer": {
"version": "3.5.17",
"resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.17.tgz",
"integrity": "sha512-BOHhm8HalujY6lmC3DbqF6uXN/K00uWiEeF22LfEsm9Q93XeJ/plHTepGwf6tqFcF7GA5oGSSAAUock3VvzaCA==",
"requires": {
"@vue/compiler-ssr": "3.5.17",
"@vue/shared": "3.5.17"
}
},
"@vue/shared": {
"version": "3.5.17",
"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.17.tgz",
"integrity": "sha512-CabR+UN630VnsJO/jHWYBC1YVXyMq94KKp6iF5MQgZJs5I8cmjw6oVMO1oDbtBkENSHSSn/UadWlW/OAgdmKrg=="
},
"csstype": {
"version": "3.2.3",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
"integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ=="
},
"entities": {
"version": "4.5.0",
"resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
"integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw=="
},
"esbuild": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
"integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
"requires": {
"@esbuild/android-arm": "0.18.20",
"@esbuild/android-arm64": "0.18.20",
"@esbuild/android-x64": "0.18.20",
"@esbuild/darwin-arm64": "0.18.20",
"@esbuild/darwin-x64": "0.18.20",
"@esbuild/freebsd-arm64": "0.18.20",
"@esbuild/freebsd-x64": "0.18.20",
"@esbuild/linux-arm": "0.18.20",
"@esbuild/linux-arm64": "0.18.20",
"@esbuild/linux-ia32": "0.18.20",
"@esbuild/linux-loong64": "0.18.20",
"@esbuild/linux-mips64el": "0.18.20",
"@esbuild/linux-ppc64": "0.18.20",
"@esbuild/linux-riscv64": "0.18.20",
"@esbuild/linux-s390x": "0.18.20",
"@esbuild/linux-x64": "0.18.20",
"@esbuild/netbsd-x64": "0.18.20",
"@esbuild/openbsd-x64": "0.18.20",
"@esbuild/sunos-x64": "0.18.20",
"@esbuild/win32-arm64": "0.18.20",
"@esbuild/win32-ia32": "0.18.20",
"@esbuild/win32-x64": "0.18.20"
}
},
"estree-walker": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
"integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
},
"fsevents": {
"version": "2.3.3",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
"optional": true
},
"magic-string": {
"version": "0.30.21",
"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
"integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
"requires": {
"@jridgewell/sourcemap-codec": "^1.5.5"
}
},
"nanoid": {
"version": "3.3.16",
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.16.tgz",
"integrity": "sha512-bzlKTyNJ7+LdGIIwy8ijFpIqEQIvafahV7eYykJ8Cvh42EdJeODoJ6gUJXpQJvej1BddH8OqTXZNE/KfbWAu8Q=="
},
"picocolors": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
"integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="
},
"postcss": {
"version": "8.5.18",
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.18.tgz",
"integrity": "sha512-xdB1oSLHbz1vRWgCDalrCqEFTWzFlhqFC5tIHLMOSUIjhm3XXQ1qrFy8S/ESr1JYRRXqM3c1QFiMZUJdUTqyMQ==",
"requires": {
"nanoid": "^3.3.12",
"picocolors": "^1.1.1",
"source-map-js": "^1.2.1"
}
},
"rollup": {
"version": "3.30.0",
"resolved": "https://registry.npmjs.org/rollup/-/rollup-3.30.0.tgz",
"integrity": "sha512-kQvGasUgN+AlWGliFn2POSajRQEsULVYFGTvOZmK06d7vCD+YhZztt70kGk3qaeAXeWYL5eO7zx+rAubBc55eA==",
"requires": {
"fsevents": "~2.3.2"
}
},
"source-map-js": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
"integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA=="
},
"vite": {
"version": "4.5.3",
"resolved": "https://registry.npmjs.org/vite/-/vite-4.5.3.tgz",
"integrity": "sha512-kQL23kMeX92v3ph7IauVkXkikdDRsYMGTVl5KY2E9OY4ONLvkHf04MDTbnfo6NKxZiDLWzVpP5oTa8hQD8U3dg==",
"requires": {
"esbuild": "^0.18.10",
"fsevents": "~2.3.2",
"postcss": "^8.4.27",
"rollup": "^3.27.1"
}
},
"vue": {
"version": "3.5.17",
"resolved": "https://registry.npmjs.org/vue/-/vue-3.5.17.tgz",
"integrity": "sha512-LbHV3xPN9BeljML+Xctq4lbz2lVHCR6DtbpTf5XIO6gugpXUN49j2QQPcMj086r9+AkJ0FfUT8xjulKKBkkr9g==",
"requires": {
"@vue/compiler-dom": "3.5.17",
"@vue/compiler-sfc": "3.5.17",
"@vue/runtime-dom": "3.5.17",
"@vue/server-renderer": "3.5.17",
"@vue/shared": "3.5.17"
}
}
}
}
-20
View File
@@ -1,20 +0,0 @@
{
"name": "authserver-web",
"version": "0.1.0",
"private": true,
"type": "module",
"engines": {
"node": ">=14.18.0"
},
"scripts": {
"dev": "vite --host 0.0.0.0",
"build": "vite build",
"preview": "vite preview --host 0.0.0.0"
},
"dependencies": {
"@vitejs/plugin-vue": "4.6.2",
"vite": "4.5.3",
"vue": "3.5.17"
},
"devDependencies": {}
}
-219
View File
@@ -1,219 +0,0 @@
<script setup>
import { computed, onMounted, ref } from 'vue'
const TOKEN_KEY = 'authserver_token'
const SSO_LOGIN_PATH = '/auth/api/v1/login/internal-sso'
const WAYEN_LOGIN_PATH = '/auth/api/v1/wayen/login'
const CLOUDDM_LOGIN_PATH = '/auth/api/v1/clouddm/login'
const token = ref(localStorage.getItem(TOKEN_KEY) || '')
const currentUser = ref(null)
const message = ref('')
const loading = ref(false)
const redirectingToSSO = ref(false)
const wayenLoading = ref(false)
const clouddmLoading = ref(false)
const isAuthed = computed(() => Boolean(token.value))
const currentUserLabel = computed(() => {
if (!currentUser.value) {
return ''
}
return currentUser.value.display_name || currentUser.value.username || ''
})
function clearAuth() {
token.value = ''
currentUser.value = null
localStorage.removeItem(TOKEN_KEY)
}
function relayState(openApp = '') {
const url = new URL(window.location.href)
url.searchParams.delete('open_wayen')
url.searchParams.delete('open_app')
if (openApp === 'wayen') {
url.searchParams.set('open_wayen', '1')
} else if (openApp) {
url.searchParams.set('open_app', openApp)
}
return `${url.pathname}${url.search}${url.hash}` || '/'
}
function ssoLogin({ openApp = '' } = {}) {
if (redirectingToSSO.value) {
return
}
redirectingToSSO.value = true
window.location.assign(`${SSO_LOGIN_PATH}?relay_state=${encodeURIComponent(relayState(openApp))}`)
}
async function api(path, options = {}) {
const headers = {
'Content-Type': 'application/json',
...(options.headers || {}),
}
if (token.value) {
headers.Authorization = `Bearer ${token.value}`
}
const response = await fetch(path, { ...options, headers })
const data = await response.json().catch(() => ({}))
if (!response.ok) {
if (response.status === 401) {
clearAuth()
ssoLogin()
}
const error = new Error(data.error || `HTTP ${response.status}`)
error.status = response.status
throw error
}
return data
}
async function run(task, successText = '操作完成') {
loading.value = true
message.value = ''
try {
const result = await task()
message.value = successText
return result
} catch (error) {
message.value = error.message
return null
} finally {
loading.value = false
}
}
function logout() {
clearAuth()
ssoLogin()
}
async function loadMe() {
currentUser.value = await api('/auth/api/v1/users/me')
}
async function openWayen() {
wayenLoading.value = true
message.value = ''
try {
const response = await fetch(WAYEN_LOGIN_PATH, {
headers: {
Accept: 'application/json',
Authorization: `Bearer ${token.value}`,
},
credentials: 'include',
})
const data = await response.json().catch(() => ({}))
if (!response.ok) {
if (response.status === 401) {
clearAuth()
ssoLogin({ openApp: 'wayen' })
}
throw new Error(data.error || `HTTP ${response.status}`)
}
if (!data.target_url) {
throw new Error('Wayen 跳转地址为空')
}
window.location.assign(data.target_url)
} catch (error) {
message.value = error.message
} finally {
wayenLoading.value = false
}
}
async function openCloudDM() {
clouddmLoading.value = true
message.value = ''
try {
const response = await fetch(CLOUDDM_LOGIN_PATH, {
headers: {
Accept: 'application/json',
Authorization: `Bearer ${token.value}`,
},
credentials: 'include',
})
const data = await response.json().catch(() => ({}))
if (!response.ok) {
if (response.status === 401) {
clearAuth()
ssoLogin({ openApp: 'clouddm' })
}
throw new Error(data.error || `HTTP ${response.status}`)
}
if (!data.target_url) {
throw new Error('CloudDM 跳转地址为空')
}
window.location.assign(data.target_url)
} catch (error) {
message.value = error.message
} finally {
clouddmLoading.value = false
}
}
onMounted(async () => {
const url = new URL(window.location.href)
const ssoToken = url.searchParams.get('sso_token')
const openApp = url.searchParams.get('open_wayen') === '1' ? 'wayen' : url.searchParams.get('open_app')
if (ssoToken) {
token.value = ssoToken
localStorage.setItem(TOKEN_KEY, ssoToken)
url.searchParams.delete('sso_token')
url.searchParams.delete('open_wayen')
url.searchParams.delete('open_app')
window.history.replaceState({}, '', `${url.pathname}${url.search}${url.hash}`)
}
if (!token.value) {
ssoLogin()
return
}
await run(async () => {
await loadMe()
}, '已就绪')
if (openApp === 'wayen') {
await openWayen()
} else if (openApp === 'clouddm') {
await openCloudDM()
}
})
</script>
<template>
<main v-if="!isAuthed" class="login-page">
<section class="login-panel">
<div>
<p class="eyebrow">AuthServer</p>
<h1>应用入口</h1>
</div>
<p class="message">正在跳转到 SSO 登录...</p>
</section>
</main>
<main v-else class="app-page">
<header class="app-header">
<div>
<p class="eyebrow">AuthServer</p>
<h1>应用入口</h1>
</div>
<div class="user-block">
<span>{{ currentUserLabel }}</span>
<button class="secondary" type="button" @click="logout">退出</button>
</div>
</header>
<section class="app-main">
<button class="app-button wayen-button" type="button" :disabled="wayenLoading" @click="openWayen">
<span class="app-icon wayen-icon" aria-hidden="true">W</span>
<span class="app-title">Wayen</span>
</button>
<button class="app-button clouddm-button" type="button" :disabled="clouddmLoading" @click="openCloudDM">
<span class="app-icon clouddm-icon" aria-hidden="true">C</span>
<span class="app-title">CloudDM</span>
</button>
<p v-if="message" class="message">{{ message }}</p>
</section>
</main>
</template>
-5
View File
@@ -1,5 +0,0 @@
import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
createApp(App).mount('#app')
-206
View File
@@ -1,206 +0,0 @@
* {
box-sizing: border-box;
}
body {
margin: 0;
min-width: 320px;
min-height: 100vh;
color: #172033;
background: #f5f7fb;
font-family:
Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
sans-serif;
}
button,
input {
font: inherit;
}
button {
min-height: 36px;
border: 1px solid #cfd7e6;
border-radius: 6px;
background: #ffffff;
color: #172033;
cursor: pointer;
}
button:disabled {
cursor: not-allowed;
opacity: 0.55;
}
input {
width: 100%;
min-height: 36px;
border: 1px solid #cfd7e6;
border-radius: 6px;
padding: 0 10px;
background: #ffffff;
color: #172033;
}
h1,
p {
margin: 0;
}
h1 {
font-size: 22px;
line-height: 1.2;
}
.login-page {
min-height: 100vh;
display: grid;
place-items: center;
padding: 24px;
}
.login-panel {
width: min(420px, 100%);
display: grid;
gap: 22px;
border: 1px solid #dbe3ef;
border-radius: 8px;
padding: 28px;
background: #ffffff;
box-shadow: 0 18px 50px rgb(43 57 84 / 10%);
}
.primary {
border-color: #1b64d8;
background: #1b64d8;
color: #ffffff;
font-weight: 650;
}
.secondary {
padding: 0 14px;
border-color: #b8c5d9;
background: #ffffff;
}
.eyebrow {
margin-bottom: 6px;
color: #526174;
font-size: 12px;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
}
.message {
margin-top: 4px;
color: #31516f;
font-size: 13px;
}
.app-page {
min-height: 100vh;
display: grid;
grid-template-rows: auto 1fr;
background:
linear-gradient(135deg, rgb(22 82 170 / 8%), transparent 42%),
#f5f7fb;
}
.app-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 22px 28px;
border-bottom: 1px solid #dbe3ef;
background: rgb(255 255 255 / 86%);
backdrop-filter: blur(10px);
}
.app-main {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 360px));
justify-content: center;
align-items: center;
gap: 18px;
padding: 32px 20px;
}
.app-button {
width: min(280px, 78vw);
aspect-ratio: 1;
display: grid;
place-items: center;
align-content: center;
gap: 18px;
border-color: #cfdaf0;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 18px 50px rgb(43 57 84 / 12%);
}
.app-button:hover:not(:disabled),
.app-button:focus-visible {
border-color: #1b64d8;
box-shadow: 0 22px 60px rgb(27 100 216 / 18%);
outline: none;
}
.app-icon {
width: 112px;
height: 112px;
display: grid;
place-items: center;
border-radius: 28px;
color: #ffffff;
font-size: 64px;
font-weight: 800;
line-height: 1;
}
.wayen-icon {
background: #1b64d8;
}
.clouddm-icon {
background: #0f7b6c;
}
.app-title {
color: #172033;
font-size: 22px;
font-weight: 750;
}
.user-block {
display: flex;
align-items: center;
gap: 12px;
color: #526174;
font-size: 14px;
}
@media (max-width: 560px) {
.app-header {
align-items: flex-start;
flex-direction: column;
padding: 18px 20px;
}
.user-block {
width: 100%;
justify-content: space-between;
}
.app-icon {
width: 92px;
height: 92px;
border-radius: 22px;
font-size: 52px;
}
.app-main {
grid-template-columns: 1fr;
}
}
-15
View File
@@ -1,15 +0,0 @@
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
export default defineConfig({
base: '/auth/',
plugins: [vue()],
server: {
port: 5173,
proxy: {
'/auth/api': 'http://127.0.0.1:8083',
'/healthz': 'http://127.0.0.1:8083',
'/readyz': 'http://127.0.0.1:8083',
},
},
})