From 7fe8f60fa46c59cd4b5f8ebd494b71f5ff1f762c Mon Sep 17 00:00:00 2001 From: KQL Date: Tue, 4 Nov 2025 09:48:12 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E4=B8=BAHash=20routin?= =?UTF-8?q?g=E5=B9=B6=E4=BF=AE=E5=A4=8D=E6=89=80=E6=9C=89=E5=89=A9?= =?UTF-8?q?=E4=BD=99=E5=9B=BE=E7=89=87=E8=B7=AF=E5=BE=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 将 BrowserRouter 改为 HashRouter 以支持 GitHub Pages - 修复 CoursePage 中 backgroundImage 的所有图片路径 - 订单班图片路径全部使用 process.env.PUBLIC_URL - 确保所有图片在 GitHub Pages 上正确加载 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- src/App.tsx | 2 +- src/pages/CoursePage.tsx | 12 ++++++------ 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index 986dd58a..4b4b6529 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'; +import { HashRouter as Router, Routes, Route } from 'react-router-dom'; import Navigation from './components/Navigation'; import ScrollToTop from './components/ScrollToTop'; import CyberpunkBackground from './components/CyberpunkBackground'; diff --git a/src/pages/CoursePage.tsx b/src/pages/CoursePage.tsx index 14178be7..36baa972 100644 --- a/src/pages/CoursePage.tsx +++ b/src/pages/CoursePage.tsx @@ -439,7 +439,7 @@ const CoursePage: React.FC = () => { whileHover={{ scale: 1.05 }} className="cyber-card rounded-xl text-center relative overflow-hidden h-48" style={{ - backgroundImage: 'url(/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_智能制造.png)', + backgroundImage: `url(${process.env.PUBLIC_URL}/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_智能制造.png)`, backgroundSize: 'cover', backgroundPosition: 'center' }} @@ -455,7 +455,7 @@ const CoursePage: React.FC = () => { whileHover={{ scale: 1.05 }} className="cyber-card rounded-xl text-center relative overflow-hidden h-48" style={{ - backgroundImage: 'url(/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_财经商贸.jpg)', + backgroundImage: `url(${process.env.PUBLIC_URL}/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_财经商贸.jpg)`, backgroundSize: 'cover', backgroundPosition: 'center' }} @@ -471,7 +471,7 @@ const CoursePage: React.FC = () => { whileHover={{ scale: 1.05 }} className="cyber-card rounded-xl text-center relative overflow-hidden h-48" style={{ - backgroundImage: 'url(/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_智能开发.jpg)', + backgroundImage: `url(${process.env.PUBLIC_URL}/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_智能开发.jpg)`, backgroundSize: 'cover', backgroundPosition: 'center' }} @@ -487,7 +487,7 @@ const CoursePage: React.FC = () => { whileHover={{ scale: 1.05 }} className="cyber-card rounded-xl text-center relative overflow-hidden h-48" style={{ - backgroundImage: 'url(/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_视觉设计.jpg)', + backgroundImage: `url(${process.env.PUBLIC_URL}/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_视觉设计.jpg)`, backgroundSize: 'cover', backgroundPosition: 'center' }} @@ -503,7 +503,7 @@ const CoursePage: React.FC = () => { whileHover={{ scale: 1.05 }} className="cyber-card rounded-xl text-center relative overflow-hidden h-48" style={{ - backgroundImage: 'url(/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_文旅.jpg)', + backgroundImage: `url(${process.env.PUBLIC_URL}/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_文旅.jpg)`, backgroundSize: 'cover', backgroundPosition: 'center' }} @@ -519,7 +519,7 @@ const CoursePage: React.FC = () => { whileHover={{ scale: 1.05 }} className="cyber-card rounded-xl text-center relative overflow-hidden h-48" style={{ - backgroundImage: 'url(/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_大健康.jpg)', + backgroundImage: `url(${process.env.PUBLIC_URL}/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_大健康.jpg)`, backgroundSize: 'cover', backgroundPosition: 'center' }}