Duguay/ai-course
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修改为Hash routing并修复所有剩余图片路径

Browse Source 
- 将 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 <noreply@anthropic.com>
This commit is contained in:
KQL
2025-11-04 09:48:12 +08:00
parent f87d4380ca
commit 7fe8f60fa4
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.tsx
View File

@@ -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';

12
src/pages/CoursePage.tsx
View File

@@ -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'
}}