Как работать с суб-доменами в react-router?

Question

[Sergey Filnor]

Добрый день.
Сейчас делаю проект, в котором важную роль играют субдомены.
Работает все на стеке: React, Express, React-router 4, Redux.
Нужно настроить роутинг так, что бы можно было в пределах реакт приложения переходить на роут

<Route path={ pathname: `${subdomain}.example.com/`}

Не могу вообще найти какой-то информации по этому поводу. Как такие вещи отлавливать? React-router их вообще не видит.

Comments

[Антон Спирин]

А почему не разные приложения? Что за задумка?

[Sergey Filnor]

Антон Спирин, Суть в том, что это одно приложение.
По сути, это большой каталог и каждый элемент каталога должен быть доступен по своему url на поддомене. Это важная фишка проекта и убрать её никак нельзя. Пользователи её очень любят.
Нужно что бы пользователи и роботы заходя на {subdomain}.example.com попадали на компонент который отображает карточку этого обьекта.

Answer 1

[modestfake]

The new URL must be of the same origin as the current URL; otherwise, pushState() will throw an exception.

Источник

Нельзя в pathname передать полностью новый URL.
Вот структура ссылки:
https://sub.example.com/pagename?param1=a&param2=b#link
https - протокол
sub - субдомен
example.com - домен
pagename - это и есть pathname
?param1=a&param2=b#link - query параметры

При помощи React-router 4 вы можете менять только pathname, параметр так и называется.

Чтобы перенаправить пользователя на другой субдомен, просто создайте тег-ссылку, если перенаправления происходит на клик, либо при помощи переопределения window.location, если возможности вставить ссылку нет

<a href={`${subdomain}.example.com`}></a>
или
window.location = `${subdomain}.example.com`

Comments

[Sergey Filnor]

Если интересно, к чему привели поиски:
Было решено разделить приложение на два - одно из них работает как основное приложение со всей своей логикой, а второе чисто под отображение странички компании.
Одно работает на основном, домене, а на второй экспресс отлавливает все существующие субдомены и отдает туда второе приложение.
В целом, результат вышел хороший.

[Sergey Filnor]

Отмечу решением, за разьяснение ситуации - может кому-то еще будет полезно.

[Адлет Амреев]

Sergey Filnor, Хорошее решение. Попробую тоже применить. Как можно отлавливать субдомены через React-router-dom? Можете прояснить развернуто.