浅念
ab4f40ba5d
- 克隆 art-design-pro v3.0.2（GitHub depth1），rm .git，pnpm clean:dev 精简演示页（92 文件） - .env.development/.env.production 均设 VITE_API_URL=/api，代理目标 127.0.0.1:8000（移除 Apifox Mock） - http 封装信封适配：code===200 解包 data；msg/message 字段兼容（拦截器/error/类型） - /api/admin/auth/token 登录适配（access->Bearer token, refresh->refreshToken）；/api/admin/auth/me 映射 UserInfo（userName/roles/is_admin） - 登录页演示账号替换为真实 admin；logOut 按路由名判登录页修复 redirect 嵌套 - 根 .gitignore 补 !admin/.env（模板公共 env 非密钥，需入库） - 验证：Playwright 全链路（错误密码 401 留登页/正确登录进工作台/登出/受保护路由重定向/redirect 回跳）+ pnpm build（vue-tsc 通过，产物无 mock 域名） Co-Authored-By: Claude Code <noreply@anthropic.com>
43 lines
995 B
Vue
43 lines
995 B
Vue
<template>
|
|
<div class="box-border w-full h-full" v-loading="isLoading">
|
|
<iframe
|
|
ref="iframeRef"
|
|
:src="iframeUrl"
|
|
frameborder="0"
|
|
class="w-full h-full min-h-[calc(100vh-120px)] border-none"
|
|
@load="handleIframeLoad"
|
|
></iframe>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { IframeRouteManager } from '@/router/core'
|
|
|
|
defineOptions({ name: 'IframeView' })
|
|
|
|
const route = useRoute()
|
|
const isLoading = ref(true)
|
|
const iframeUrl = ref('')
|
|
const iframeRef = ref<HTMLIFrameElement | null>(null)
|
|
|
|
/**
|
|
* 初始化 iframe URL
|
|
* 从路由配置中获取对应的外部链接地址
|
|
*/
|
|
onMounted(() => {
|
|
const iframeRoute = IframeRouteManager.getInstance().findByPath(route.path)
|
|
|
|
if (iframeRoute?.meta) {
|
|
iframeUrl.value = iframeRoute.meta.link || ''
|
|
}
|
|
})
|
|
|
|
/**
|
|
* 处理 iframe 加载完成事件
|
|
* 隐藏加载状态
|
|
*/
|
|
const handleIframeLoad = (): void => {
|
|
isLoading.value = false
|
|
}
|
|
</script>
|