From d1a97b1e6ac7748a8c92775fa43664d5af849208 Mon Sep 17 00:00:00 2001
From: SnowZ <13153320+zmtwiki@user.noreply.gitee.com>
Date: Thu, 5 Mar 2026 02:00:15 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=A4=BA=E4=BE=8BURL?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E9=94=99=E8=AF=AF=E5=B9=B6=E6=94=B9=E8=BF=9B?=
 =?UTF-8?q?=E5=A4=8D=E5=88=B6=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将硬编码的示例URL改为动态生成，确保显示当前访问的域名/端口
- 修复复制功能在URL未加载时可能复制错误内容的问题
- 将url-preview字体从'Fira Code'改为通用monospace，提高兼容性
---
 server.js | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/server.js b/server.js
index b262358..dfce7fd 100644
--- a/server.js
+++ b/server.js
@@ -608,7 +608,7 @@ app.use(async (req, res) => {
         }
 
         .url-preview {
-            font-family: 'Fira Code', monospace;
+            font-family: monospace;
             background: #f1f5f9;
             padding: 0.75rem 1rem;
             border-radius: 8px;
@@ -635,6 +635,7 @@ app.use(async (req, res) => {
             color: var(--primary);
         }
 
+
         .features {
             display: grid;
             grid-template-columns: repeat(3, 1fr);
@@ -752,7 +753,7 @@ app.use(async (req, res) => {
             <div class="usage-row">
                 <span class="method-tag">GET</span>
                 <div class="url-preview">
-                    <span>${req.protocol}://${req.get('host')}/www.baidu.com</span>
+                    <span class="dynamic-url" data-path="/www.baidu.com">Loading...</span>
                     <button class="copy-btn" onclick="copyUrl(this)">复制</button>
                 </div>
             </div>
@@ -760,7 +761,7 @@ app.use(async (req, res) => {
             <div class="usage-row">
                 <span class="method-tag">GET</span>
                 <div class="url-preview">
-                    <span>${req.protocol}://${req.get('host')}/https://github.com</span>
+                    <span class="dynamic-url" data-path="/https://github.com">Loading...</span>
                     <button class="copy-btn" onclick="copyUrl(this)">复制</button>
                 </div>
             </div>
@@ -768,7 +769,7 @@ app.use(async (req, res) => {
             <div class="usage-row">
                 <span class="method-tag">GET</span>
                 <div class="url-preview">
-                    <span>${req.protocol}://${req.get('host')}/?url=www.baidu.com</span>
+                    <span class="dynamic-url" data-path="/?url=https://www.baidu.com">Loading...</span>
                     <button class="copy-btn" onclick="copyUrl(this)">复制</button>
                 </div>
             </div>
@@ -871,8 +872,19 @@ app.use(async (req, res) => {
     </footer>
 
     <script>
+        // 动态生成 URL，确保显示的是用户浏览器当前访问的地址（包含正确的域名/端口）
+        document.addEventListener('DOMContentLoaded', () => {
+            const origin = window.location.origin;
+            document.querySelectorAll('.dynamic-url').forEach(el => {
+                el.innerText = origin + el.getAttribute('data-path');
+            });
+        });
+
         function copyUrl(btn) {
-            const url = btn.previousElementSibling.innerText;
+            const urlSpan = btn.previousElementSibling;
+            const url = urlSpan.innerText;
+            if (url === 'Loading...') return;
+            
             navigator.clipboard.writeText(url).then(() => {
                 const originalText = btn.innerText;
                 btn.innerText = '已复制!';