导航出同一主机上的react-router单页面应用程序

Question

我正在尝试设置链接，将用户从当前SPA中转移到另一个SPA中（或下载pdf）。

我尝试使用<a>标签，但每当我导航到路径时，我都不想再进入SPA，它会显示我陷入其中的SPA的基本布局。

如果我在正确的路径上刷新，我会看到另一个SPA，在另一种情况下，我正在尝试查看的PDF文件。

锚元素示例：<a href="/requirements" rel="external" target="_blank">

路由器代码：

ReactDOM.render(
  <Provider store={store}>
    <ConnectedRouter history={history}>
      <Route path="/" component={App(Main)} />
    </ConnectedRouter>
  </Provider>,
  document.getElementById('root')
);

我使用create react app生成了两个SPA。我也尝试评论服务工作者代码，以防引起问题。

我正在使用nginx反向代理服务这两个SPA。

我也尝试window.location.reload(true)强制重新加载，但它仍然不起作用。我必须打开chrome检查器并使用cmd + shift + r才能完全重新加载。

Answer 1

即使我停止了服务工作者的加载，它仍然在页面上注册（不确定它是否是正确的单词）。我必须确保服务工作没有注册，然后我的导航按预期工作。

幸运的是，create-react-app内置了一个很好的功能来取消注册服务工作者。

下一步是弄清楚如何保留服务工作者，但指定网址始终传递给服务器。