javascript - History API - 告诉浏览器保留在index.html上，无论url是什么

Question

我正在为我的学校项目制作一页网页。我正在使用非常简单的历史 API，只需更改 URL，以便用户认为他在另一个页面上(但我在页面上隐藏和显示不同的元素)它看起来像这样:

www.mypage.com/mainwww.mypage.com/slideshow

当我使用带有后退/前进历史记录按钮的应用程序时，它工作正常，但是当我想重新加载页面时，浏览器会尝试加载该假 URL，这当然会导致崩溃。无论向用户显示什么网址，我如何设法始终保持在index.html 上？

我尝试使用 htaccess 来管理此问题，但没有成功

Answer 1

看来您没有使用后端，这是实现您想要的结果的唯一方法。 (如果我的假设是正确的)浏览器会给出错误(刷新后无法加载 /slideshow)，因为它正在尝试(从本地计算机)获取该文件，但该文件不存在。 SO answer explaining this well .

因此，在您的示例中，您应该指示后端为所有路由渲染相同的 View (使用通配符)，并根据给定的网址在前端进行显示。

您不必使用 React-Router，而是创建一个路由器处理函数，该函数在每次刷新时运行(即加载 javascript 时)，告诉您的页面根据什么路由(或 url)渲染什么内容，随意调用它们)。

(您将知道 JavaScript 将为每个 url 运行，因为后端已经使用通配符 * 处理路由)