主要改动: 1. WebUI basePath 逻辑完善 - NewWebUI 支持可变参数 basePath - 新增 path() 辅助方法统一路径处理 - handleTableAPI 正确处理 basePath 前缀 - handleIndex 根据 basePath 替换占位符 2. 简化示例代码 - 删除反向代理实现(111行) - 直接使用带 basePath 的 WebUI - 代码量减少 33%,架构更清晰 3. 前端优化 - 新增 api.js 统一 API 服务层 - 所有组件使用统一的 API 调用 - 支持通过 window.API_BASE 配置 basePath 4. 修复 .gitignore - 使用通用模式支持 commands 目录 - 无需为新示例项目修改配置
35 lines
1.2 KiB
HTML
35 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>SRDB WebUI v2 - Preact</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="~~/static/css/styles.css">
|
|
|
|
<!-- 路径配置:服务端渲染时替换 ~~ 和 ~/: 为实际的 BasePath -->
|
|
<script>window.API_BASE = "~~";</script>
|
|
|
|
<!-- Import Map for Preact and HTM -->
|
|
<script type="importmap">
|
|
{
|
|
"imports": {
|
|
"preact": "https://esm.sh/preact@10.19.3",
|
|
"preact/": "https://esm.sh/preact@10.19.3/",
|
|
"htm/preact": "https://esm.sh/htm@3.1.1/preact?external=preact",
|
|
"dom-align": "https://cdn.jsdelivr.net/npm/dom-align@1.12.4/+esm",
|
|
"~/": "~~/static/js/"
|
|
}
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="app"></div>
|
|
|
|
<!-- Load Preact App -->
|
|
<script type="module" src="~~/static/js/main.js"></script>
|
|
</body>
|
|
</html>
|