refactor(server): 调整 Docker 运行架构为 Next.js 代理 Go API

- 修改 Dockerfile 中的运行命令，将 Next.js 设为对外服务，Go 服务在内部监听
- 更新端口配置，后端监听端口从 3000 改为 80
- 移除 Go 服务中的反向代理逻辑，统一由 Next.js 处理页面请求
- 修改 Next.js 配置，在生产环境中也启用 API 代理功能
- 更新文档描述，明确 Next.js 作为页面入口，API 请求代理到 Go 服务
- 调整开发环境端口配置，web 开发端口从 3001 改为 3000
- 更新版本号至 v0.0.4 并修改 CHANGELOG

.env.example

@@ -6,8 +6,11 @@ ADMIN_PASSWORD=infinite-canvas
 JWT_SECRET=infinite-canvas
 JWT_EXPIRE_HOURS=168
 
-# 后端对外监听端口，Docker 默认由 Go 统一暴露 3000。
-PORT=3000
+# 后端监听端口
+PORT=8080
+
+# 前端开发代理默认使用 http://127.0.0.1:8080，如后端开发端口不同，启动前端时可单独设置 API_BASE_URL。
+# API_BASE_URL=http://127.0.0.1:8080
 
 # 数据库配置，默认使用本地 SQLite。
 STORAGE_DRIVER=sqlite

CHANGELOG.md

@@ -2,6 +2,13 @@
 
 ## Unreleased
 
+
+## v0.0.4 - 2026-05-20
+
+
++ [调整] Docker 运行入口改为 Next.js 对外提供页面，`/api/*` 由 Next.js 代理到内部 Go 服务。
++ [修复] 文本复制在局域网 IP 访问时可能失败的问题。
+
 ## v0.0.3 - 2026-05-19
 
 + [修复] 更新 nanoid 依赖并修改 ID 生成方式，防止其他ip无法使用crypto模块导致的ID生成失败问题。

Dockerfile

@@ -23,7 +23,7 @@ COPY service ./service
 COPY main.go ./
 RUN go build -o /server .
 
-# 运行镜像：Go 对外监听 3000，Next.js 只在容器内部监听 3001。
+# 运行镜像：Next.js 对外监听 3000，Go 只在容器内部监听 8080。
 FROM oven/bun:1
 
 WORKDIR /app
@@ -35,5 +35,5 @@ RUN apt-get update && apt-get install -y --no-install-recommends ca-certificates
 RUN mkdir -p /app/data/prompts
 
 EXPOSE 3000
-# 先启动内部 Next.js，再由 Go 统一处理 /api/* 和页面反代。
-CMD ["sh", "-c", "cd /app/web && HOSTNAME=0.0.0.0 PORT=3001 bun run start & PORT=3000 /app/server"]
+# 先启动内部 Go API，再由 Next.js 提供页面并代理 /api/*。
+CMD ["sh", "-c", "PORT=8080 /app/server & cd /app/web && HOSTNAME=0.0.0.0 PORT=3000 bun run start"]

VERSION

@@ -1 +1 @@
-v0.0.3
+v0.0.4

docs/features.md

@@ -152,7 +152,7 @@
 ## 后端能力
 
 - Gin 提供 API 服务。
-- Docker 运行时由 Go 提供统一入口，`/api/*` 直接处理，其它页面请求转到内部 Next.js 服务。
+- Docker 运行时由 Next.js 提供页面入口，`/api/*` 请求代理到内部 Go 服务。
 - GORM 管理数据库连接和自动迁移。
 - 支持 SQLite、MySQL、PostgreSQL。
 - 数据库保存用户、提示词分组、提示词和服务器素材。

docs/pending-test.md

@@ -1 +1,3 @@
 # 待测试
+
+- 通过局域网 IP 访问前台提示词、素材库、我的素材和后台相关页面时，复制文本应能正常写入剪贴板。

router/router.go

@@ -2,17 +2,12 @@ package router
 
 import (
 	"net/http"
-	"net/http/httputil"
-	"net/url"
-	"strings"
 
 	"github.com/basketikun/infinite-canvas/handler"
 	"github.com/basketikun/infinite-canvas/middleware"
 	"github.com/gin-gonic/gin"
 )
 
-const webBaseURL = "http://127.0.0.1:3001"
-
 func New() *gin.Engine {
 	router := gin.Default()
 	router.RedirectTrailingSlash = false
@@ -47,16 +42,7 @@ func New() *gin.Engine {
 		handler.AdminDeleteAsset(c.Writer, c.Request, c.Param("id"))
 	})
 
-	webURL, _ := url.Parse(webBaseURL)
-	webProxy := httputil.NewSingleHostReverseProxy(webURL)
-	router.NoRoute(func(c *gin.Context) {
-		path := c.Request.URL.Path
-		if path == "/api" || strings.HasPrefix(path, "/api/") {
-			middleware.NotFoundJSON(c)
-			return
-		}
-		webProxy.ServeHTTP(c.Writer, c.Request)
-	})
+	router.NoRoute(middleware.NotFoundJSON)
 
 	return router
 }

web/bun.lock

@@ -12,6 +12,7 @@
         "axios": "^1.16.0",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
+        "copy-to-clipboard": "^4.0.2",
         "localforage": "^1.10.0",
         "lucide-react": "^1.16.0",
         "motion": "^12.38.0",
@@ -646,6 +647,8 @@
 
     "cookie-signature": ["cookie-signature@1.2.2", "https://registry.npmmirror.com/cookie-signature/-/cookie-signature-1.2.2.tgz", {}, "sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg=="],
 
+    "copy-to-clipboard": ["copy-to-clipboard@4.0.2", "", {}, "sha512-gklSft7IuhriZKHKpuoA1fpJSLPNgvUMWMo5BlnzAJm0zNKnznoSv23IjtNqclx8eKi6ZcdvFFzYEER/+U1LoQ=="],
+
     "cors": ["cors@2.8.6", "https://registry.npmmirror.com/cors/-/cors-2.8.6.tgz", { "dependencies": { "object-assign": "^4", "vary": "^1" } }, "sha512-tJtZBBHA6vjIAaF6EnIaq6laBBP9aq/Y3ouVJjEfoHbRBcHBAHYcMh/w8LDrk2PvIMMq8gmopa5D4V8RmbrxGw=="],
 
     "cosmiconfig": ["cosmiconfig@9.0.1", "https://registry.npmmirror.com/cosmiconfig/-/cosmiconfig-9.0.1.tgz", { "dependencies": { "env-paths": "^2.2.1", "import-fresh": "^3.3.0", "js-yaml": "^4.1.0", "parse-json": "^5.2.0" }, "peerDependencies": { "typescript": ">=4.9.5" }, "optionalPeers": ["typescript"] }, "sha512-hr4ihw+DBqcvrsEDioRO31Z17x71pUYoNe/4h6Z0wB72p7MU7/9gH8Q3s12NFhHPfYBBOV3qyfUxmr/Yn3shnQ=="],

web/next.config.ts

@@ -1,15 +1,17 @@
 import type { NextConfig } from "next";
 import { PHASE_DEVELOPMENT_SERVER } from "next/constants";
+import { loadEnvConfig } from "@next/env";
 import { readFileSync } from "node:fs";
 import { fileURLToPath } from "node:url";
 import { dirname, resolve } from "node:path";
 
-const apiBaseUrl = process.env.API_BASE_URL || "http://127.0.0.1:3000";
 const webDir = dirname(fileURLToPath(import.meta.url));
 const version = readFileSync(resolve(webDir, "../VERSION"), "utf8").trim() || "dev";
 
 export default function nextConfig(phase: string): NextConfig {
   const isDev = phase === PHASE_DEVELOPMENT_SERVER;
+  loadEnvConfig(resolve(webDir, ".."), isDev, undefined, true);
+  const apiBaseUrl = process.env.API_BASE_URL || "http://127.0.0.1:8080";
   return {
     allowedDevOrigins: isDev ? ["*.*.*.*"] : [],
     typescript: {
@@ -19,7 +21,7 @@ export default function nextConfig(phase: string): NextConfig {
       NEXT_PUBLIC_APP_VERSION: version,
     },
     async rewrites() {
-      return isDev ? [{ source: "/api/:path*", destination: `${apiBaseUrl}/api/:path*` }] : [];
+      return [{ source: "/api/:path*", destination: `${apiBaseUrl}/api/:path*` }];
     },
   };
 }

web/package.json

@@ -4,7 +4,7 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "next dev --webpack -H 0.0.0.0 -p 3001",
+    "dev": "next dev --webpack -H 0.0.0.0 -p 3000",
     "build": "next build",
     "start": "next start"
   },
@@ -16,6 +16,7 @@
     "axios": "^1.16.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "copy-to-clipboard": "^4.0.2",
     "localforage": "^1.10.0",
     "lucide-react": "^1.16.0",
     "motion": "^12.38.0",

web/src/app/(admin)/admin/assets/page.tsx

@@ -4,6 +4,7 @@ import { CopyOutlined, DeleteOutlined, EditOutlined, EyeOutlined, PlusOutlined,
 import { ProTable, type ProColumns } from "@ant-design/pro-components";
 import { App, Button, Card, Col, Flex, Form, Image, Input, Modal, Row, Select, Space, Tag, Tooltip, Typography } from "antd";
 import { useEffect, useState } from "react";
+import copy from "copy-to-clipboard";
 
 import type { AdminAsset } from "@/services/api/admin";
 import { useAdminAssets } from "../hooks/use-admin-assets";
@@ -33,7 +34,7 @@ export default function AdminAssetsPage() {
   }, [editingAsset, form]);
 
   const copyValue = async (value: string) => {
-    await navigator.clipboard.writeText(value);
+    copy(value);
     message.success("已复制");
   };
 

web/src/app/(admin)/admin/prompts/page.tsx

@@ -4,6 +4,7 @@ import { CopyOutlined, DeleteOutlined, EditOutlined, ExportOutlined, EyeOutlined
 import { ProTable, type ProColumns } from "@ant-design/pro-components";
 import { App, Button, Card, Col, Flex, Form, Image, Input, Modal, Row, Select, Space, Table, Tag, Tooltip, Typography } from "antd";
 import { useEffect, useState } from "react";
+import copy from "copy-to-clipboard";
 
 import type { Prompt } from "@/services/api/prompts";
 import { useAdminPrompts } from "../hooks/use-admin-prompts";
@@ -26,7 +27,7 @@ export default function AdminPromptsPage() {
   }, [editingPrompt, form]);
 
   const copyPrompt = async (value: string) => {
-    await navigator.clipboard.writeText(value);
+    copy(value);
     message.success("已复制");
   };
 

web/src/app/(user)/asset-library/page.tsx

@@ -5,6 +5,7 @@ import { useEffect, useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { App, Button, Card, Drawer, Empty, Image, Input, Pagination, Spin, Tag, Typography } from "antd";
 import axios from "axios";
+import copy from "copy-to-clipboard";
 
 import { cn } from "@/lib/utils";
 import { useAssetStore } from "@/stores/use-asset-store";
@@ -77,7 +78,7 @@ export default function AssetLibraryPage() {
   };
 
   const copyText = async (value: string) => {
-    await navigator.clipboard.writeText(value);
+    copy(value);
     message.success("已复制");
   };
 

web/src/app/(user)/assets/page.tsx

@@ -3,6 +3,7 @@
 import { Copy, Download, PencilLine, Search, Trash2, Upload } from "lucide-react";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { App, Button, Card, Drawer, Empty, Form, Image, Input, Modal, Pagination, Select, Space, Tag, Typography } from "antd";
+import copy from "copy-to-clipboard";
 
 import { formatBytes, readFileAsDataUrl } from "@/lib/image-utils";
 import { uploadImage } from "@/services/image-storage";
@@ -139,7 +140,7 @@ export default function AssetsPage() {
 
   const copyText = async (asset: Asset) => {
     if (asset.kind !== "text") return;
-    await navigator.clipboard.writeText(asset.data.content);
+    copy(asset.data.content);
     message.success("文本已复制");
   };
 

web/src/app/(user)/prompts/page.tsx

@@ -3,6 +3,7 @@
 import { FolderPlus, Search } from "lucide-react";
 import { type UIEvent, useEffect, useState } from "react";
 import { App, Button, Empty, Input, Spin, Tag } from "antd";
+import copy from "copy-to-clipboard";
 
 import { PromptCard } from "@/components/prompts/prompt-card";
 import { PromptDetailDialog } from "@/components/prompts/prompt-detail-dialog";
@@ -32,7 +33,7 @@ export default function PromptsPage() {
   };
 
   const copyPrompt = async (prompt: string) => {
-    await navigator.clipboard.writeText(prompt);
+    copy(prompt);
     message.success("提示词已复制");
   };