refactor(frontend): merge authserver web login
This commit is contained in:
+23
-1
@@ -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
@@ -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 || '',
|
||||||
|
},
|
||||||
|
}
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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})`
|
||||||
|
|||||||
@@ -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,
|
||||||
|
},
|
||||||
|
}
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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: '成功',
|
||||||
|
|||||||
@@ -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')
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
@@ -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)
|
||||||
|
|||||||
@@ -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,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 拦截器统一处理
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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,
|
||||||
|
|||||||
@@ -1,4 +0,0 @@
|
|||||||
node_modules/
|
|
||||||
dist/
|
|
||||||
.DS_Store
|
|
||||||
|
|
||||||
@@ -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
|
|
||||||
@@ -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>
|
|
||||||
@@ -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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Generated
-379
@@ -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"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -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": {}
|
|
||||||
}
|
|
||||||
@@ -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>
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
import { createApp } from 'vue'
|
|
||||||
import './style.css'
|
|
||||||
import App from './App.vue'
|
|
||||||
|
|
||||||
createApp(App).mount('#app')
|
|
||||||
@@ -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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -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',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
})
|
|
||||||
Reference in New Issue
Block a user