Навигация из одностраничного приложения реактивного маршрутизатора на одном хосте

Question

Я пытаюсь установить ссылки, которые выводят пользователя из текущего 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')
);

Я сгенерировал оба SPA с приложением create реагировать. Я также попытался закомментировать код работника сервиса, если это вызвало проблему.

Я обслуживаю оба SPA, используя обратный прокси-сервер nginx.

Я также пытался window.location.reload(true) вызвать принудительную перезагрузку, но она все равно не работает. Мне нужно открыть Chrome Inspector и cmd + shift + r для полной полной перезагрузки.

Answer 1

Несмотря на то, что я остановил загрузку сервисного работника, он все еще был зарегистрирован (не уверен, что это правильное слово) на странице. Я должен был убедиться, что работающая служба не была зарегистрирована, а затем моя навигация работала, как и ожидалось.

К счастью, приложение create-реакции-приложение имеет прекрасную встроенную функцию для отмены регистрации работника сервиса.

Следующим шагом будет выяснить, как сохранить работника службы, но указать URL-адреса, которые всегда будут передаваться на сервер.