{{ app.error }} 重新连接
{{ title }}
{{ description }}
{{ eyebrow }}
{{ title }}
{{ description }}
+
+
diff --git a/web/src/components/TrafficChart.vue b/web/src/components/TrafficChart.vue
new file mode 100644
index 0000000..da49602
--- /dev/null
+++ b/web/src/components/TrafficChart.vue
@@ -0,0 +1,33 @@
+
+
diff --git a/web/src/composables/task.ts b/web/src/composables/task.ts
new file mode 100644
index 0000000..fe42384
--- /dev/null
+++ b/web/src/composables/task.ts
@@ -0,0 +1,15 @@
+import { ref } from 'vue'
+import { useMessage } from 'naive-ui'
+
+export function useTask() {
+ const busy = ref(false)
+ const message = useMessage()
+ async function run(task: () => Promise
+
+
+ | 目标 | 来源设备 | 命中规则 / 出口 | 传输 | |
|---|---|---|---|---|
| {{ c.metadata.host || c.metadata.destinationIP }}{{ c.metadata.network.toUpperCase() }} · {{ c.metadata.destinationIP }}:{{ c.metadata.destinationPort }} | {{ c.metadata.sourceIP }}{{ c.metadata.type }} | {{ c.rule }}{{ c.chains.map(n => n.split('/').slice(2).join('/') || n).join(' → ') }} | ↓ {{ bytes(c.download) }}↑ {{ bytes(c.upload) }} |
{{ streamOnline ? '日志流已连接' : '正在等待内核日志' }}保留最近 500 条，不写入数据库
{{ log.type.toUpperCase() }}{{ log.payload }}
Clash WebYOUR NETWORK, YOUR WAY
{{ app.initialized ? '欢迎回来。' : '从这里，连接世界。' }}
{{ app.initialized ? '登录你的内网代理管理工作空间。' : '设置管理员密码，开启你的个人网络工作空间。' }}
在 VM 上运行 journalctl -u clashweb -n 30 查看首次设置令牌。
简洁的界面，自由的网络。
+
+
+ Mihomo 内核未连接，请在系统设置中启动内核后测试。
+ {{ loadError }} 重新加载
+
+
+
+
+
diff --git a/web/src/views/Dashboard.vue b/web/src/views/Dashboard.vue
new file mode 100644
index 0000000..01fe715
--- /dev/null
+++ b/web/src/views/Dashboard.vue
@@ -0,0 +1,30 @@
+
+
+
+
+
+ 当前连接概况
通过此 VM 的 Mihomo，遵循当前分流规则。
{{ running ? `正在测试 · ${finished} / ${total}` : total ? `本次完成 ${finished} / ${total}` : '按需测试 · 每个网站最长 12 秒 · 同时测试 3 个' }}{{ total ? (runProxy ? `开始时所选节点：${runNode}` : '开始时代理关闭 · 直连模式') : '不会切换节点或修改网络配置' }}
+
+
+
+
+
+ {{ results[site.id]?.detail || (states[site.id] === 'cancelled' ? '本次测试已取消，可重新测试。' : '检查主页的 HTTPS 响应情况。') }}
+ +测试的是 VM 到网站主页的连接，耗时包含建立连接和读取部分响应，不是节点延迟或带宽。网站可能要求浏览器验证、登录或地区授权；主页可访问不代表视频解锁、AI 对话或镜像拉取可用，也不能代替客户端网关与 TUN 接入测试。大陆规则命中的网站会直连。
{{ app.status?.coreOnline ? (proxy ? '规则代理已启用' : '当前为直连模式') : '等待代理内核连接' }}
让连接，
更自由一些。
大陆与内网直连，其他访问交给你选择的节点。
实时下载
{{ bytes(app.metrics.down) }}/s
累计下载 {{ bytes(app.metrics.downTotal) }}
实时上传
{{ bytes(app.metrics.up) }}/s
累计上传 {{ bytes(app.metrics.upTotal) }}
活跃连接
{{ app.metrics.connections }}条
{{ app.metrics.coreOnline ? '正在监测内核连接' : '内核连接后显示实时数据' }}
可选节点
{{ app.status?.nodeCount ?? 0 }}个
来自 {{ app.status?.subscriptionCount ?? 0 }} 个订阅
流量趋势
最近两分钟的实时传输速率
下载上传
{{ app.metrics.coreOnline ? '每 2 秒更新' : '连接内核后自动更新' }}{{ app.history.length }} 个采样
当前出口
{{ app.status?.settings.selectionMode === 'auto' ? '自动选择' : '手动选择' }}{{ selected }}
{{ app.status?.coreOnline ? (app.status.selectedAvailable ? '当前内核使用的代理出口' : '选择一个节点以开始代理访问') : '启动内核后确认实际代理出口' }}
代理开关
内核版本{{ app.status?.version || '未连接' }}
管理服务运行{{ uptime(app.status?.uptimeSeconds ?? 0) }}
订阅概览
还没有订阅
添加 Clash 订阅，发现可用的代理节点。
{{ s.name }}{{ s.lastError ? '最近更新失败，保留已有节点' : date(s.updatedAt) }}
{{ s.nodeCount }} 个节点接入你的内网
PVE VM将测试设备的 IPv4 网关和 DNS 指向 VM 的固定地址，即可使用透明代理。
VM 地址
{{ app.status?.settings.lanIP || '待配置' }}上游网关
{{ app.status?.settings.gateway || '原光猫地址' }}{{ region(node.name) }}
{{ node.name }}
{{ node.subscriptionName }}
手动模式下，节点故障会提示而不会自动切换。你也可以主动选择自动模式，由内核约每 5 分钟检测，使用 50 ms 切换容差选择低延迟节点；延迟不代表下载带宽。
内网与大陆直接连接，保留本地速度
DIRECT其他目标通过当前选择的代理节点
PROXY自定义规则
优先于大陆规则库，按添加顺序匹配；内网保留直连优先级。
| 匹配类型 | 目标 | 动作 | 启用 | 操作 |
|---|---|---|---|---|
| {{ rule.type }} | {{ rule.value }} | {{ rule.action === 'DIRECT' ? '直连' : '代理' }} |
默认匹配顺序
首条匹配生效0{{ index + 1 }}{{ step }}
大陆分类来自域名和 IP 规则库。若某个目标分类不符合你的需要，可用自定义规则修正。规则库更新在 VM 上运行 scripts/update-rules.sh。
网络与代理
在 PVE 的服务 VM 上配置，先验证单台客户端。
规则代理
关闭后切换为直连模式，管理界面继续运行。
TUN 透明代理
先在目标 VM 完成网络部署，再启用。
Mihomo 服务
独立运行的代理内核，由 systemd 管理。
内核版本
{{ app.status?.version || '—' }}控制接口
127.0.0.1:9090正式 VM 安装服务控制辅助程序后，可在这里启停内核。
内核更新
按需检查 GitHub 稳定版，升级时保留配置与旧内核。
最新稳定版
{{ update.latestVersion }}上次检查{{ new Date(update.checkedAt).toLocaleString('zh-CN') }}
{{ update.updateAvailable === true ? '发现新版本，可查看发布说明后手动升级。' : update.updateAvailable === false ? '当前版本不低于最新稳定版。' : '当前内核版本无法比较；启动稳定版内核后再检查。' }}
查看官方发布说明如何升级软件与内核
Web 管理程序和 Mihomo 分别升级。升级前导出备份；内核先下载到新文件、校验当前配置，再替换并重启。失败时恢复旧程序。
完整操作与恢复步骤见项目 docs/upgrading.md。
管理员密码
更改后其他登录会话会退出。
部署检查
此机器DEPLOYMENT
开发机与服务 VM 分开
本机用于开发测试；正式代理服务部署到 PVE 上桥接至内网的 Linux VM。
- VM 固定地址放在光猫 DHCP 地址池之外。
- VM 上游网关指向光猫。
- 运行部署脚本准备转发和防火墙。
- 填写网络参数，启用 TUN。
- 手动配置一台设备的网关和 DNS。
IPv4 首版：关闭测试设备 IPv6，避免绕过代理；全网接入前需关闭路由器 IPv6 通告或调整拓扑。
配置备份
保存订阅、节点、规则和设置。备份含订阅地址与节点凭据，请妥善保管。
{{ item.name }}
{{ item.nodeCount }}个代理节点
{{ item.lastError }}已有节点和可用配置会保留。
订阅提供节点，分流和 DNS 由 Clash Web 统一管理。支持多个订阅；更新失败时继续使用最后可用版本。