Add xtcp in dashboard for frps

This commit is contained in:
pangxincheng 2024-06-26 22:54:53 +08:00
parent c6f9d8d403
commit 5305a43305
6 changed files with 55 additions and 20 deletions

File diff suppressed because one or more lines are too long

View File

@ -4,7 +4,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>frps dashboard</title> <title>frps dashboard</title>
<script type="module" crossorigin src="./index-82-40HIG.js"></script> <script type="module" crossorigin src="./index-1T_Vz_yg.js"></script>
<link rel="stylesheet" crossorigin href="./index-rzPDshRD.css"> <link rel="stylesheet" crossorigin href="./index-rzPDshRD.css">
</head> </head>

View File

@ -33,6 +33,7 @@ declare module 'vue' {
ProxiesTCP: typeof import('./src/components/ProxiesTCP.vue')['default'] ProxiesTCP: typeof import('./src/components/ProxiesTCP.vue')['default']
ProxiesTCPMux: typeof import('./src/components/ProxiesTCPMux.vue')['default'] ProxiesTCPMux: typeof import('./src/components/ProxiesTCPMux.vue')['default']
ProxiesUDP: typeof import('./src/components/ProxiesUDP.vue')['default'] ProxiesUDP: typeof import('./src/components/ProxiesUDP.vue')['default']
ProxiesXTCP: typeof import('./src/components/ProxiesXTCP.vue')['default']
ProxyView: typeof import('./src/components/ProxyView.vue')['default'] ProxyView: typeof import('./src/components/ProxyView.vue')['default']
ProxyViewExpand: typeof import('./src/components/ProxyViewExpand.vue')['default'] ProxyViewExpand: typeof import('./src/components/ProxyViewExpand.vue')['default']
RouterLink: typeof import('vue-router')['RouterLink'] RouterLink: typeof import('vue-router')['RouterLink']

View File

@ -42,6 +42,7 @@
<el-menu-item index="/proxies/tcpmux">TCPMUX</el-menu-item> <el-menu-item index="/proxies/tcpmux">TCPMUX</el-menu-item>
<el-menu-item index="/proxies/stcp">STCP</el-menu-item> <el-menu-item index="/proxies/stcp">STCP</el-menu-item>
<el-menu-item index="/proxies/sudp">SUDP</el-menu-item> <el-menu-item index="/proxies/sudp">SUDP</el-menu-item>
<el-menu-item index="/proxies/xtcp">XTCP</el-menu-item>
</el-sub-menu> </el-sub-menu>
<el-menu-item index="">Help</el-menu-item> <el-menu-item index="">Help</el-menu-item>
</el-menu> </el-menu>

View File

@ -0,0 +1,27 @@
<template>
<ProxyView :proxies="proxies" proxyType="xtcp" @refresh="fetchData" />
</template>
<script setup lang="ts">
import { ref } from 'vue'
import { TCPProxy } from '../utils/proxy.js'
import ProxyView from './ProxyView.vue'
let proxies = ref<TCPProxy[]>([])
const fetchData = () => {
fetch('../api/proxy/xtcp', { credentials: 'include' })
.then((res) => {
return res.json()
})
.then((json) => {
proxies.value = []
for (let proxyStats of json.proxies) {
proxies.value.push(new TCPProxy(proxyStats))
}
})
}
fetchData()
</script>
<style></style>

View File

@ -7,6 +7,7 @@ import ProxiesHTTPS from '../components/ProxiesHTTPS.vue'
import ProxiesTCPMux from '../components/ProxiesTCPMux.vue' import ProxiesTCPMux from '../components/ProxiesTCPMux.vue'
import ProxiesSTCP from '../components/ProxiesSTCP.vue' import ProxiesSTCP from '../components/ProxiesSTCP.vue'
import ProxiesSUDP from '../components/ProxiesSUDP.vue' import ProxiesSUDP from '../components/ProxiesSUDP.vue'
import ProxiesXTCP from '../components/ProxiesXTCP.vue'
const router = createRouter({ const router = createRouter({
history: createWebHashHistory(), history: createWebHashHistory(),
@ -51,6 +52,11 @@ const router = createRouter({
name: 'ProxiesSUDP', name: 'ProxiesSUDP',
component: ProxiesSUDP, component: ProxiesSUDP,
}, },
{
path: '/proxies/xtcp',
name: 'ProxiesXTCP',
component: ProxiesXTCP,
},
], ],
}) })