小编Rom*_* S.的帖子

React-router-dom:Vite 配置和 gh-pages 上出现错误 404

在 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)

github-pages reactjs react-router-dom vite

5
推荐指数
1
解决办法
1370
查看次数

标签 统计

github-pages ×1

react-router-dom ×1

reactjs ×1

vite ×1