localhost:3000/admin工作，但托管后的websiteurl/admin不工作 &g

Question

firebase部署的应用程序正在工作，但在localhost:3000/admin中，它正在移动到该路由，但当我搜索websitename/admin时，托管其说页面未找到它会在websitename/admin点击按钮但是如果我使用直接url https://websitename/admin.web.app移动它会显示404 HTML页面

这是我的代码

import { BrowserRouter, Switch, Route } from "react-router-dom";
import Quizzes from './components/Admin/Quizzes'
import AddNewQuiz from './components/Admin/AddNewQuiz'
import AddQuestion from './components/Admin/AddQuestion'
import EditQuiz from './components/Admin/EditQuiz'
import ViewResults from './components/Admin/ViewResults'
import UQuizzes from './components/User/Quizzes'
import ViewQuizDetails from './components/User/ViewQuizDetails'
import QuizCard from './components/User/QuizCard'
import LeaderBoard from './components/User/LeaderBoard'
import AttemptedQuizzes from './components/User/AttemptedQuizzes'
import './App.css'
function App() {
return (
<BrowserRouter>
<Switch>
<Route exact={true} path="/">
<div className="App">
<UQuizzes />
</div>
</Route>
<Route exact={true} path="/quizcard">
<div className="App">
<QuizCard />
</div>
</Route>
<Route exact={true} path="/attemptedquizzes">
<div className="App">
<AttemptedQuizzes />
</div>
</Route>
<Route exact={true} path="/leaderboard">
<div className="App">
<LeaderBoard />
</div>
</Route>
<Route exact={true} path="/quizdetails">
<div className="App">
<ViewQuizDetails />
</div>
</Route>
<Route exact={true} path="/admin">
<div className="App">
<Quizzes />
</div>
</Route>
<Route exact={true} path="/addnewquiz">
<div className="App">
<AddNewQuiz />
</div>
</Route>
<Route exact={true} path="/createquestion">
<div className="App">
<AddQuestion />
</div>
</Route>
<Route exact={true} path="/editquiz/:fromAdd">
<div className="App">
<EditQuiz />
</div>
</Route>
<Route exact={true} path="/results">
<div className="App">
<ViewResults />
</div>
</Route>
</Switch>
</BrowserRouter>
);
}
export default App;

Answer 1

这是因为你使用React应用程序作为单页应用程序。由于您使用它作为单页应用程序，您必须配置您的主机来处理URL重写。(这意味着每个请求都必须转发到index.html)您可以在这里找到配置。https://firebase.google.com/docs/hosting/full-config重写

"hosting": {
// ...
// Serves index.html for requests to files or directories that do not exist
"rewrites": [ {
"source": "**",
"destination": "/index.html"
} ]
}