shumengya mail@smyhub.com

2026-03-12 15:01:48 +08:00
commit f27996dde0
20 changed files with 5450 additions and 0 deletions
--- a/mengyaconnect-frontend/.env.production
+++ b/mengyaconnect-frontend/.env.production
@@ -0,0 +1,3 @@
+VITE_API_BASE=https://ssh.api.shumengya.top/api
+VITE_WS_URL=wss://ssh.api.shumengya.top/api/ws/ssh
+
--- a/mengyaconnect-frontend/index.html
+++ b/mengyaconnect-frontend/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>萌芽SSH</title>
+    <meta name="description" content="柔和渐变风格的 Web SSH 连接面板，支持多窗口终端。" />
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
--- a/mengyaconnect-frontend/package-lock.json
+++ b/mengyaconnect-frontend/package-lock.json
--- a/mengyaconnect-frontend/package.json
+++ b/mengyaconnect-frontend/package.json
@@ -0,0 +1,20 @@
+{
+  "name": "mengyaconnect-frontend",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@xterm/addon-fit": "^0.10.0",
+    "@xterm/xterm": "^5.0.0",
+    "vue": "^3.4.38"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.1.2",
+    "vite": "^5.4.10"
+  }
+}
--- a/mengyaconnect-frontend/src/App.vue
+++ b/mengyaconnect-frontend/src/App.vue
--- a/mengyaconnect-frontend/src/api.js
+++ b/mengyaconnect-frontend/src/api.js
@@ -0,0 +1,33 @@
+export function getApiBase() {
+  const envBase = import.meta.env.VITE_API_BASE;
+  if (envBase) {
+    return String(envBase).replace(/\/+$/, "");
+  }
+  // 默认走同源 /api（更适合反向代理 + HTTPS）
+  if (typeof window === "undefined") return "http://localhost:8080/api";
+  return `${window.location.origin}/api`;
+}
+
+export async function apiRequest(path, options = {}) {
+  const base = getApiBase();
+  const res = await fetch(`${base}${path}`, {
+    headers: {
+      "Content-Type": "application/json",
+      ...(options.headers || {}),
+    },
+    ...options,
+  });
+  let body = null;
+  try {
+    body = await res.json();
+  } catch {
+    body = null;
+  }
+  if (!res.ok) {
+    const message =
+      (body && body.error) || `请求失败 (${res.status} ${res.statusText})`;
+    throw new Error(message);
+  }
+  return body;
+}
+
--- a/mengyaconnect-frontend/src/main.js
+++ b/mengyaconnect-frontend/src/main.js
@@ -0,0 +1,5 @@
+import { createApp } from "vue";
+import "@xterm/xterm/css/xterm.css";
+import App from "./App.vue";
+
+createApp(App).mount("#app");
--- a/mengyaconnect-frontend/vite.config.js
+++ b/mengyaconnect-frontend/vite.config.js
@@ -0,0 +1,10 @@
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+
+export default defineConfig({
+  plugins: [vue()],
+  server: {
+    host: true,
+    port: 5173,
+  },
+});