在 GitHub 上部署 React 应用程序(使用 gh-pages)后,我遇到了导航问题。该网站采用以下 URL 作为主页:
https://1kiritos1.github.io/,
而主页应该是:
https://1kiritos1.github.io/youtube-clone/
我需要网站导航依赖于上述 URL,例如:
https://1kiritos1.github.io/youtube-clone/video/***
或者
https://1kiritos1.github.io/youtube-clone/channel/***
应用程序
import React from 'react';
import { Box } from '@mui/material';
import { HashRouter as Router, Routes, Route } from 'react-router-dom';
import { Navbar, Feed, VideoDetail, ChannelDetail, SearchFeed } from './components';
function App() {
return (
<Router>
<Box>
<Navbar />
<Routes>
<Route exact path="/" element={<Feed />} />
<Route path="/video/:id" element={<VideoDetail />} />
<Route path="/channel/:id" element={<ChannelDetail />} />
<Route path="/search/:searchTerm" element={<SearchFeed />} …Run Code Online (Sandbox Code Playgroud)