SPA路由问题

Question

我在Reddit上发布了一篇文章，其中详细介绍了我的问题：

https://www.reddit.com/r/learnjavascript/comments/sljr6r/spa_refreshpopstate_function_help/

如果你还想让我把它摆在这里，那就让我解释一下。

我有一个网站，我帮助运行，我正在开发一个SPA的过程。我已经在一个表中设置了示例数据，并且我现在让它可以删除表，并在一个新标记中填充选定的Pokemon的名称。我的问题是，如果用户要单击“后退/前进/刷新”按钮，要么什么也不会发生，或者它会加载我们站点的默认404。据我所知，我无法访问SquareSpace工作的服务器，也无法为特定的html文件分配路由，这是因为我们在SS上工作。下面是我正在处理的页面的链接。如果我需要提供更多的信息，我可以。

Answer 1

SPAs与服务器分布式页面有冲突。由于前端可以编辑URL (/pages)，一旦刷新，服务器将接受该URL并最终在服务器中找不到页面。

通常，您会将所有内容从服务器URL重定向到您的index.html以处理该URL，但是由于无法访问后端，我认为这里最好的选择是为SPA使用散列路由器。

更多关于BrowserRouter和HashRouter差异的详细说明：https://itnext.io/why-using-hash-based-urls-in-your-react-spa-will-save-you-more-time-than-you-think-a21e2c560879