如何使用 React Router 5 模拟 window.location？

Question

我有一个由 Laravel 提供服务的 react SPA。我希望 SPA 能够访问一些也由 Laravel 提供服务的页面。

更新：

举个例子……在我基于 coreui-react 的应用程序中……我想允许用户打开使用 vuepress 构建的用户手册。 我希望能够在一个全新的页面中打开它，而不是将它捆绑到 SPA 中。 SPA 显示在https://test.local/用户手册位于https://test.local/docs

Link to="/docs" 让我回到 SPA，Link to="//test.local/docs" 也一样

我也试过在链接中放置 onClick={() => window.location = window.location.protocol + "//" + window.location.hostname + "/docs"} 但没有变化，除了它确实下降离开本地开发服务器（端口 3000）...但如果它在构建中 - 那么它仍然会被 ReactRouter 捕获

有一个建议是 StaticRouter 会这样做 - 但我看到的所有示例都是指 SPA 将使用的内容的服务器端呈现，而不是将您弹到服务器交付的页面。

我有点不知所措..我目前唯一的想法是将 SPA 从“/”移动到“/app”，并且在 SPA 内根本不处理“/”，希望 ReactRouter 可以允许通过

这似乎是 ReactRouter 中的一个长期问题.. 但在过去，您可以使用 <a href 或 window.location 强行退出 - 但似乎不再如此..

Answer 1

如果我理解正确，您可以使用“历史”：

const history = useHistory();

你必须从react-router-dom导入useHistory ：

import { useHistory } from 'react-router-dom'

然后你可以使用：

history.push('/analytics')