Я пытаюсь использовать базовое имя с реагирующим маршрутизатором, как описанона реак-роутере документации, Это связано сбазовый раздел будучи устаревшим.

Вот что у меня сейчас:

import { Route, Router, useRouterHistory } from 'react-router';
import { createHistory } from 'history';
import { render } from 'react-dom';

var history = useRouterHistory(createHistory)({
  basename: '/subdirectory'
});

render(
  <Router history={history}>
    <Route path='/' component={App}>
      <Route path='next' component={Next} />
    </Route>
  </Router>,
  document.getElementById('root')
);

Когда я иду вhttp://the-url.com/subdirectory страница загружается как положено (рендерингApp составная часть). Однако при переходе наhttp://the-url.com/subdirectory/nextЯ получаю ошибку 404. Мой конфиг nginx:

location /subdirectory {
  alias /path/to/index.html;
  index index.html;
  try_files $uri $uri/ /path/to/index.html;
}