From 5d7ca3d29a6d86097d62298561cbdaece33d2628 Mon Sep 17 00:00:00 2001
From: Tim <135014430+nagisa77@users.noreply.github.com>
Date: Wed, 13 Aug 2025 16:00:26 +0800
Subject: [PATCH] feat: use runtime config for API and OAuth client IDs

---
 frontend_nuxt/.env           |  5 +++++
 frontend_nuxt/main.js        | 17 +++++++++--------
 frontend_nuxt/nuxt.config.ts |  9 +++++++++
 3 files changed, 23 insertions(+), 8 deletions(-)
 create mode 100644 frontend_nuxt/.env

diff --git a/frontend_nuxt/.env b/frontend_nuxt/.env
new file mode 100644
index 000000000..409b7d1b2
--- /dev/null
+++ b/frontend_nuxt/.env
@@ -0,0 +1,5 @@
+NUXT_PUBLIC_API_BASE_URL=https://www.open-isle.com
+NUXT_PUBLIC_GOOGLE_CLIENT_ID=777830451304-xxx.apps.googleusercontent.com
+NUXT_PUBLIC_GITHUB_CLIENT_ID=Ov23liVkO1NPAX5JyWxJ
+NUXT_PUBLIC_DISCORD_CLIENT_ID=1394985417044000779
+NUXT_PUBLIC_TWITTER_CLIENT_ID=ZTRTU05KSk9KTTJrTTdrVC1tc1E6MTpjaQ
diff --git a/frontend_nuxt/main.js b/frontend_nuxt/main.js
index d620ba1cc..8e27fe64e 100644
--- a/frontend_nuxt/main.js
+++ b/frontend_nuxt/main.js
@@ -1,11 +1,12 @@
-export const API_BASE_URL = 'https://www.open-isle.com'
-// export const API_BASE_URL = 'http://127.0.0.1:8081'
-// export const API_BASE_URL = 'http://30.211.97.238:8081'
-export const GOOGLE_CLIENT_ID =
-  '777830451304-nt8afkkap18gui4f9entcha99unal744.apps.googleusercontent.com'
-export const GITHUB_CLIENT_ID = 'Ov23liVkO1NPAX5JyWxJ'
-export const DISCORD_CLIENT_ID = '1394985417044000779'
-export const TWITTER_CLIENT_ID = 'ZTRTU05KSk9KTTJrTTdrVC1tc1E6MTpjaQ'
+import { useRuntimeConfig } from '#app'
+
+const config = useRuntimeConfig()
+
+export const API_BASE_URL = config.public.apiBaseUrl
+export const GOOGLE_CLIENT_ID = config.public.googleClientId
+export const GITHUB_CLIENT_ID = config.public.githubClientId
+export const DISCORD_CLIENT_ID = config.public.discordClientId
+export const TWITTER_CLIENT_ID = config.public.twitterClientId
 
 // 重新导出 toast 功能，使用 composable 方式
 export { toast } from './composables/useToast'
diff --git a/frontend_nuxt/nuxt.config.ts b/frontend_nuxt/nuxt.config.ts
index 7d94847ba..865bcfb86 100644
--- a/frontend_nuxt/nuxt.config.ts
+++ b/frontend_nuxt/nuxt.config.ts
@@ -2,6 +2,15 @@ import { defineNuxtConfig } from 'nuxt/config'
 
 export default defineNuxtConfig({
   ssr: true,
+  runtimeConfig: {
+    public: {
+      apiBaseUrl: process.env.NUXT_PUBLIC_API_BASE_URL || '',
+      googleClientId: process.env.NUXT_PUBLIC_GOOGLE_CLIENT_ID || '',
+      githubClientId: process.env.NUXT_PUBLIC_GITHUB_CLIENT_ID || '',
+      discordClientId: process.env.NUXT_PUBLIC_DISCORD_CLIENT_ID || '',
+      twitterClientId: process.env.NUXT_PUBLIC_TWITTER_CLIENT_ID || '',
+    },
+  },
   // Ensure Vditor styles load before our overrides in global.css
   css: ['vditor/dist/index.css', '~/assets/global.css'],
   app: {