save

frontend/js/api.js

@@ -1,5 +1,5 @@
-// API调用封装
-const API_BASE_URL = 'http://localhost:5000/api';
+// API调用封装（经 Nginx 挂载在 /hair 下，使用同源相对路径）
+const API_BASE_URL = '/hair/api';
 
 // 获取发型列表
 export async function getHairstyles() {

frontend/js/main.js

@@ -1,5 +1,5 @@
-// API基础URL
-const API_BASE_URL = 'http://xiangsilian.com:5000/api';
+// API基础URL（经 Nginx 挂载在 /hair 下，使用同源相对路径）
+const API_BASE_URL = '/hair/api';
 
 // API调用函数
 async function getHairstyles() {
@@ -199,9 +199,14 @@ function renderHairstyles() {
         const hairstyleItem = document.createElement('div');
         hairstyleItem.className = 'hairstyle-item';
         hairstyleItem.dataset.id = hairstyle.id;
+
+        // 本服务器静态图路径；若接口仍返回 OSS 绝对地址则强制改成本地
+        const imageSrc = hairstyle.image_url && !hairstyle.image_url.startsWith('http')
+            ? hairstyle.image_url
+            : `/hair/images/hairstyles/${hairstyle.id}.jpg`;
         
         hairstyleItem.innerHTML = `
-            <img src="${hairstyle.image_url}" alt="${hairstyle.name}">
+            <img src="${imageSrc}" alt="${hairstyle.name}" loading="lazy">
             <p>${hairstyle.name}</p>
         `;