From 6b1062caa68f9957466e24e981673133c7b75aba Mon Sep 17 00:00:00 2001
From: "litong.41" <litong.41@bytedance.com>
Date: Fri, 10 Oct 2025 11:49:41 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96API=20Key?=
 =?UTF-8?q?=E5=A4=8D=E5=88=B6=E5=8A=9F=E8=83=BD=EF=BC=8C=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E4=B8=80=E9=94=AE=E5=A4=8D=E5=88=B6=E7=8E=AF=E5=A2=83=E5=8F=98?=
 =?UTF-8?q?=E9=87=8F=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修改"复制 API Key"按钮为"复制配置信息"
- 复制内容包含 ANTHROPIC_BASE_URL 和 ANTHROPIC_AUTH_TOKEN
- 用户无需手动拼接，可直接粘贴使用
- 支持自定义 BASE_URL 配置（通过 VITE_API_BASE_PREFIX 环境变量）
- 自动从浏览器地址获取 BASE_URL（无自定义配置时）
---
 .../src/components/apikeys/NewApiKeyModal.vue | 55 ++++++++++++++++---
 1 file changed, 47 insertions(+), 8 deletions(-)

diff --git a/web/admin-spa/src/components/apikeys/NewApiKeyModal.vue b/web/admin-spa/src/components/apikeys/NewApiKeyModal.vue
index dd41cd68..53285009 100644
--- a/web/admin-spa/src/components/apikeys/NewApiKeyModal.vue
+++ b/web/admin-spa/src/components/apikeys/NewApiKeyModal.vue
@@ -93,7 +93,7 @@
               </div>
             </div>
             <p class="mt-2 text-xs text-gray-500 dark:text-gray-400">
-              点击眼睛图标切换显示模式，使用下方按钮复制完整 API Key
+              点击眼睛图标切换显示模式，使用下方按钮复制环境变量配置
             </p>
           </div>
         </div>
@@ -105,7 +105,7 @@
             @click="copyApiKey"
           >
             <i class="fas fa-copy" />
-            复制 API Key
+            复制配置信息
           </button>
           <button
             class="rounded-xl border border-gray-300 bg-gray-200 px-6 py-3 font-semibold text-gray-800 transition-colors hover:bg-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 dark:hover:bg-gray-600"
@@ -120,7 +120,7 @@
 </template>
 
 <script setup>
-import { ref } from 'vue'
+import { ref, computed } from 'vue'
 import { showToast } from '@/utils/toast'
 
 const props = defineProps({
@@ -134,6 +134,41 @@ const emit = defineEmits(['close'])
 
 const showFullKey = ref(false)
 
+// 获取 API Base URL 前缀
+const getBaseUrlPrefix = () => {
+  // 优先使用环境变量配置的自定义前缀
+  const customPrefix = import.meta.env.VITE_API_BASE_PREFIX
+  if (customPrefix) {
+    // 去除末尾的斜杠
+    return customPrefix.replace(/\/$/, '')
+  }
+
+  // 否则使用当前浏览器访问地址
+  if (typeof window !== 'undefined') {
+    const protocol = window.location.protocol // http: 或 https:
+    const host = window.location.host // 域名和端口
+    // 提取协议和主机部分，去除路径
+    let origin = protocol + '//' + host
+
+    // 如果当前URL包含路径，只取协议+主机部分
+    const currentUrl = window.location.href
+    const pathStart = currentUrl.indexOf('/', 8) // 跳过 http:// 或 https://
+    if (pathStart !== -1) {
+      origin = currentUrl.substring(0, pathStart)
+    }
+
+    return origin
+  }
+
+  // 服务端渲染或其他情况的回退
+  return ''
+}
+
+// 计算完整的 API Base URL
+const currentBaseUrl = computed(() => {
+  return getBaseUrlPrefix() + '/api'
+})
+
 // 切换密钥可见性
 const toggleKeyVisibility = () => {
   showFullKey.value = !showFullKey.value
@@ -155,7 +190,7 @@ const getDisplayedApiKey = () => {
   }
 }
 
-// 复制 API Key
+// 复制配置信息（环境变量格式）
 const copyApiKey = async () => {
   const key = props.apiKey.apiKey || props.apiKey.key || ''
   if (!key) {
@@ -163,19 +198,23 @@ const copyApiKey = async () => {
     return
   }
 
+  // 构建环境变量配置格式
+  const configText = `ANTHROPIC_BASE_URL="${currentBaseUrl.value}"
+ANTHROPIC_AUTH_TOKEN="${key}"`
+
   try {
-    await navigator.clipboard.writeText(key)
-    showToast('API Key 已复制到剪贴板', 'success')
+    await navigator.clipboard.writeText(configText)
+    showToast('配置信息已复制到剪贴板', 'success')
   } catch (error) {
     // console.error('Failed to copy:', error)
     // 降级方案：创建一个临时文本区域
     const textArea = document.createElement('textarea')
-    textArea.value = key
+    textArea.value = configText
     document.body.appendChild(textArea)
     textArea.select()
     try {
       document.execCommand('copy')
-      showToast('API Key 已复制到剪贴板', 'success')
+      showToast('配置信息已复制到剪贴板', 'success')
     } catch (fallbackError) {
       showToast('复制失败，请手动复制', 'error')
     } finally {

From 99dbb154ddea4b6e4b920a8e08a0ecb6b1da21d0 Mon Sep 17 00:00:00 2001
From: "litong.41" <litong.41@bytedance.com>
Date: Fri, 10 Oct 2025 14:33:40 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E5=B0=86docs=E7=9B=AE=E5=BD=95=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E5=88=B0gitignore=E7=9B=AE=E5=BD=95=E4=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/.gitignore b/.gitignore
index 10594f73..d4bf3f2b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,6 @@
+# fork add
+docs/
+
 # Dependencies
 node_modules/
 npm-debug.log*