fix(web): SSR error

Author: KUN1007

apps/web/app/composables/useApi.ts

@@ -28,7 +28,13 @@ interface ApiError {
 
 export const useApi = () => {
   const config = useRuntimeConfig()
-  const baseUrl = config.public.apiBase || 'http://127.0.0.1:5214/api/v1'
+  // Dual base: SSR (in-container) uses the docker service URL (apiBaseSsr);
+  // the browser uses the host-port public URL. apiBaseSsr is empty outside
+  // docker → falls back to public.apiBase.
+  const baseUrl =
+    (import.meta.server && config.apiBaseSsr
+      ? (config.apiBaseSsr as string)
+      : config.public.apiBase) || 'http://127.0.0.1:5214/api/v1'
 
   // `credentials: 'include'` only attaches the session cookie in the BROWSER.
   // During SSR (Nuxt server) there is no cookie jar, so an auth-gated

apps/web/app/pages/about/[...slug].vue

@@ -9,7 +9,9 @@ interface ApiEnvelope<T> {
 
 const route = useRoute()
 const config = useRuntimeConfig()
-const baseUrl = config.public.apiBase as string
+const baseUrl = (import.meta.server && config.apiBaseSsr
+  ? config.apiBaseSsr
+  : config.public.apiBase) as string
 
 const slugParam = computed(() => {
   const raw = route.params.slug

apps/web/app/pages/about/index.vue

@@ -20,7 +20,9 @@ interface ApiEnvelope<T> {
 }
 
 const config = useRuntimeConfig()
-const baseUrl = config.public.apiBase as string
+const baseUrl = (import.meta.server && config.apiBaseSsr
+  ? config.apiBaseSsr
+  : config.public.apiBase) as string
 
 const { data: response } = await useFetch<ApiEnvelope<KunPostsResponse>>(
   `${baseUrl}/about/posts`,

apps/web/nuxt.config.ts

@@ -92,6 +92,13 @@ export default defineNuxtConfig({
   },
 
   runtimeConfig: {
+    // SSR runs inside the docker container, where the Go API is reachable by
+    // its compose service name (api:5214) — NOT by the browser's host-port URL
+    // (localhost:15010 is the container's own loopback). The browser can't
+    // resolve `api`, so it keeps using public.apiBase. Set
+    // NUXT_API_BASE_SSR=http://api:5214/api/v1 in docker; leave empty for local
+    // air dev (the dual-base reader falls back to public.apiBase).
+    apiBaseSsr: process.env.NUXT_API_BASE_SSR || '',
     public: {
       // 本项目 Go Fiber API（不是 鲲 Galgame OAuth）。Go 端口从 apps/api/.env 的 KUN_SERVER_PORT 读，dev 默认 5214。
       apiBase:

docker/go.Dockerfile

@@ -30,5 +30,12 @@ RUN CGO_ENABLED=0 GOOS=linux go build -trimpath -ldflags="-s -w" \
 # HEALTHCHECK, since distroless has no shell/wget. Ports live in compose.
 FROM gcr.io/distroless/static-debian13:nonroot
 COPY --from=build /out/app /app
+# About-page content: the static .mdx posts that cmd/server reads at runtime
+# (internal/about, cfg.About.PostsDir). They live in the WEB app's source tree
+# (apps/web/posts) and are NOT DB data, so no migration step carries them —
+# bake them into the api image so it is self-contained. Point the server at
+# them with KUN_POSTS_DIR=/posts (docker/api.env). The banner images under
+# apps/web/public/posts are served separately by the web container.
+COPY apps/web/posts /posts
 USER nonroot:nonroot
 ENTRYPOINT ["/app"]