feat: 完善 WebUI basePath 支持并简化示例代码
主要改动: 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 目录 - 无需为新示例项目修改配置
This commit is contained in:
@@ -1,8 +1,9 @@
|
||||
import { html } from 'htm/preact';
|
||||
import { useState, useEffect } from 'preact/hooks';
|
||||
import { LevelCard } from './LevelCard.js';
|
||||
import { StatCard } from './StatCard.js';
|
||||
import { CompactionStats } from './CompactionStats.js';
|
||||
import { LevelCard } from '~/components/LevelCard.js';
|
||||
import { StatCard } from '~/components/StatCard.js';
|
||||
import { CompactionStats } from '~/components/CompactionStats.js';
|
||||
import { getTableManifest } from '~/utils/api.js';
|
||||
|
||||
const styles = {
|
||||
container: {
|
||||
@@ -42,11 +43,8 @@ export function ManifestView({ tableName }) {
|
||||
|
||||
const fetchManifest = async () => {
|
||||
try {
|
||||
const response = await fetch(`/api/tables/${tableName}/manifest`);
|
||||
if (response.ok) {
|
||||
const data = await response.json();
|
||||
setManifest(data);
|
||||
}
|
||||
const data = await getTableManifest(tableName);
|
||||
setManifest(data);
|
||||
} catch (error) {
|
||||
console.error('Failed to fetch manifest:', error);
|
||||
} finally {
|
||||
|
||||
Reference in New Issue
Block a user