我遇到的問題涉及基本的反應應用程式（v6）。更具體地說，它與路由有關。我已經在 stackoverflow 上完成了幾個問題/答案，但無法弄清楚出了什么問題。
這就是我正在使用的。
應用程式.js
import "./App.css";
import React from "react";
import { BrowserRouter, Routes, Route } from "react-router-dom";
import NavBar from "./components/NavBar";
import Home from "./pages/Home";
import About from "./pages/About";
import PrivacyPolicy from "./pages/PrivacyPolicy";
import TermsOfService from "./pages/TermsOfService";
const App = () => {
return (
<BrowserRouter>
<NavBar/>
<Routes>
<Route path="/" element = {<Home/>} />
<Route path="/home" element={<Home />} />
<Route path="/about" element={<About />} />
<Route path="/privacyPolicy" element={<PrivacyPolicy />} />
<Route path="/termsOfService" element={<TermsOfService />} />
</Routes>
</BrowserRouter>
);
}
export default App;
index.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
ReactDOM.render(
<App />,
document.getElementById('root')
);
索引.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="./favicon.ico" /> <!-- Used to be "%PUBLIC_URL%/favicon.ico" >> might be required when live -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta name="description" content="Genesis platform for financial education." />
<meta name="keywords" content="Genesis" class="next-head" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<title>Genesis</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root">
</div>
</body>
</html>
這是在瀏覽器視窗中按下 F5（重繪 ）按鈕時的錯誤訊息。
NavBar 中的按鈕可以很好地導航到不同的頁面，但是重繪 讓我掛了......從我所做的研究中，我覺得解決方案在這些檔案中的某個地方，但我就是不知道是什么改變。
uj5u.com熱心網友回復：
在 SPA 中，您需要將所有流量發送到 index.html。您可以通過_redirects在根檔案夾中添加一個檔案并添加以下內容來做到這一點：
/* /index.html 200
在服務器中，它為所有請求提供 index.html，而 React 處理瀏覽器中的路由。
如果您為此使用了 CRA，請將_redirects檔案放在公用檔案夾中。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/504179.html
標籤：javascript html 反应 页面刷新
上一篇：使用javascript在<p>標記中寫入按鈕的編號
下一篇：如何為每個用戶標識在表中插入一行