diff --git a/front/src/MusicPage.js b/front/src/MusicPage.js
index b39b0ee..fb03fe1 100644
--- a/front/src/MusicPage.js
+++ b/front/src/MusicPage.js
@@ -9,6 +9,7 @@
 import AccountCircleIcon from "@mui/icons-material/AccountCircle";
 import "./App.css";
 import { useNavigate } from "react-router-dom";
+import { API_BASE_URL } from "./config";
 
 const navItems = [
   { label: "电影", icon: <MovieIcon />, path: "/movie" },
@@ -53,7 +54,7 @@
   React.useEffect(() => {
     // 假设后端接口为 /api/musics?area=大陆
     const area = areaTabs[activeTab].label;
-    fetch(`http://192.168.5.9:8080/api/get-seed-list-by-tag?tag=${encodeURIComponent(area)}`)
+    fetch(`${API_BASE_URL}/api/get-seed-list-by-tag?tag=${encodeURIComponent(area)}`)
       .then(res => res.json())
       .then(data => setMusicList(data))
       .catch(() => setMusicList([]));