feat: use runtime config for API and OAuth client IDs

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

frontend_nuxt/main.js

@@ -1,11 +1,12 @@
-export const API_BASE_URL = 'https://www.open-isle.com'
+import { useRuntimeConfig } from '#app'
-// export const API_BASE_URL = 'http://127.0.0.1:8081'
+
-// export const API_BASE_URL = 'http://30.211.97.238:8081'
+const config = useRuntimeConfig()
-export const GOOGLE_CLIENT_ID =
+
-  '777830451304-nt8afkkap18gui4f9entcha99unal744.apps.googleusercontent.com'
+export const API_BASE_URL = config.public.apiBaseUrl
-export const GITHUB_CLIENT_ID = 'Ov23liVkO1NPAX5JyWxJ'
+export const GOOGLE_CLIENT_ID = config.public.googleClientId
-export const DISCORD_CLIENT_ID = '1394985417044000779'
+export const GITHUB_CLIENT_ID = config.public.githubClientId
-export const TWITTER_CLIENT_ID = 'ZTRTU05KSk9KTTJrTTdrVC1tc1E6MTpjaQ'
+export const DISCORD_CLIENT_ID = config.public.discordClientId
+export const TWITTER_CLIENT_ID = config.public.twitterClientId
 
 // 重新导出 toast 功能，使用 composable 方式
 export { toast } from './composables/useToast'

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: {