Как реализовать два react-приложения на одном домене?

Question

[Николай Демидовец]

Есть сервер с Nginx. Есть один домен. Есть два реакт-приложения (витрина и админка). Как их лучше разместить на одном домене?

Хотелось бы чтобы на site.com/ люди заходили в интернет-магазин, а по site.com/admin администратор мог заходить в админку. Пробовал через location в настройках nginx, но чет не выходит, не могу подобрать правильную конфигурацию.

Как вариант думал сделать админку на поддомене admin.site.com, но это некрасивое решение (две папки в каталоге с остальными сайтами).

Answer 1

[Владимир]

В самом реакте все понятно, если у тебя путь /admin не описан в роуте, то ссылка на него будет работать как обычная ссылка и тянуть страницу с сервера
В нгинксе location /admin должен быть расположен выше чем location для всего приложения.

Comments

[Николай Демидовец]

не получилось

server {
    listen 80;
    server_name site.com;
    index index.html;

    location /admin {
        root /var/www/site.com/admin/build;
        try_files $uri $uri/ =404;
    }

    location / {
        root /var/www/site.com/client/build;
        try_files $uri $uri/ =404;
    }
}

[Владимир]

Николай Демидовец, "Не получилось" бывают разные. На нгинкс запрос приходит, логи смотрели?

У вас другой статики кроме index.html нет ? Стили, картинки, шрифты, пока не настраивали?

[Николай Демидовец]

Владимир, теперь получилось, но уперся в статику...

[Владимир]

Николай Демидовец, Create a separate location for the static files, like for the admin

location /images/ {
    }

Answer 2

[ky0]

Можно и через поддомен и через URL, настраивается двумя блоками server и двумя location`ами соответственно. Примеры есть в мануале нгинкса, например.

Comments

[Николай Демидовец]

у меня не получилось настроить через url
можно ссылку на пример из мануала? может я не там смотрю

[ky0]

Николай Демидовец, пожалуйста - https://nginx.org/ru/docs/http/request_processing.html

[Николай Демидовец]

ky0, там разные домены, а у меня только один

[ky0]

Николай Демидовец, всё там нормально. Скрольте ниже.

[Николай Демидовец]

ky0, тыкните пальцем) не вижу