大佬教程收集整理的这篇文章主要介绍了React Router + GH Pages，刷新应用，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
这不会发生在我的本地服务器上，
但是当我将我的 create-react-app 推送到 gh-pages 并尝试重新加载除主页之外的任何内容，或直接导航到路由页面时，分页符和 URL 反复增长，看起来像这样......
https://Hellocentral.live/about/?p=/&q=p=/~and~q=p=/~and~q=p=/~and~q=p=/~and~q=p=/~and~q=p=/~and~q=p=/~and~q=p=/~and~q=p=/~and~q=p=/~and~q=p=/~and~q=p=/~and~q=p=/~and~q=p=/~and~q=p=/~and~q=p=/~and~q=p=/~and~q=p=/~and~q=p=/~and~q=p=/....
这是我的路线文件...
import React from "react";
import "./SiteContainer.sCSS";
import headerContainer from "../headerContainer/headerContainer";
import { Route,Switch } from "react-router-dom";
import About from "../About/About";
import Home from "../Home/Home";
import Music from "../Music/Music";
import Footer from "../Footer/Footer";
import Merch from "../Merch/Merch";
import Pics from "../Pics/Pics";
import Contact from "../Contact/Contact";
export const SiteContainer = () => {
return (
<div classname="site-container">
<headerContainer />
<Switch>
<Route path="/about" component={About} />
<Route path="/merch" component={Merch} />
<Route path="/music" component={Music} />
<Route path="/pics" component={Pics} />
<Route path="/contact" component={Contact} />
<Route path="/" component={HomE} />
</Switch>
<Footer />
</div>
);
};
export default SiteContainer;
这是我的仓库 https://github.com/monstaro/hc3/tree/master/src
该网站是 https://www.Hellocentral.live
任何帮助将不胜感激！
您需要将 Switch 组件包装在 Router 组件中。为此，您需要从 react-router-dom 包中导入它：
import { HashRouter as Router } from 'react-router-dom'
...
<Router basename={process.env.PUBLIC_URL}>
<Switch>
...
</Switch>
</Router>
我以 HashRouter 为例，因为 GH Pages 不支持其他路由器 BrowserRouter。可能 @H_702_3@memoryRouter 或 StaticRouter 确实有效，但我不确定。
由于您的域是 https://www.Hellocentral.live，因此您需要将 segmentCount 设置为 0 here。
猜猜您使用的是博客或其他内容中引用的旧版 rafgraph/spa-github-pages。我建议使用 the latest version of the script 更新 index.html，使用 this 脚本更新 404.html。
来自docs，
请注意，如果您正在设置 Project Pages 站点而不使用自定义域（即您站点的地址是 username.github.io/repo-name），那么您需要将 pathSegmentsToKeep 设置为 1 in 404.html 文件，以便在重定向后的路径中保留 /repo-name。
以上是大佬教程为你收集整理的React Router + GH Pages，刷新应用全部内容，希望文章能够帮你解决React Router + GH Pages，刷新应用所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。