Как разместить проект React и API на одном VDS?

Question

[fateseekers]

На сервере уже установлен nginx, размещены и запущены проекты,
Приложение работает на пути /
Api на /api

Заметил, что приложение не обращается к API, после тестов, понял, что маршруты api не выполняются.

Есть ли какое-то решение или же статья, которая подробно опишет, что нужно сделать, чтобы все заработало?

Answer 1

[ediboba]

конечно, инфы мало, но: проверьте конфиг nginx в первую очередь (!!!) скорее всего у ваас криво настроен именно nginx (так как подозреваю, что у вас прилага и апишка - это скорее всего два демона на разных портах, а nginx проксирует это все на один бэкэнд)

Comments

[fateseekers]

Можете подсказать хороший вариант решения, ибо я мог найти именно pass_proxy для какого то решения

[ediboba]

fateseekers, Вы объявляете в http свои бэкэнды и подключаете конфиг

http {
    charset utf-8;

    upstream first_back{
        server 127.0.0.1:6000;
    }

    upstream sec_back{
        server 127.0.0.1:6001;
    }

    proxy_next_upstream error;

    include /etc/nginx/sites-enabled/some_config;
}

а в файле some_config объявляем правила проксирования и раздачи статики

server {
	listen 80;

    location / {
        proxy_pass_header server;
        proxy_set_header Host $http_host;
        proxy_redirect off;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Scheme $scheme;
        proxy_pass http://first_back;
     }

    location /api {
        proxy_pass_header server;
        proxy_set_header Host $http_host;
        proxy_redirect off;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Scheme $scheme;
        proxy_pass http://sec_back;
    }

    location /static/ {
        root /path/to/static;
    }
}

ну и само собой в нужные секции добавляете свои настройки: файлы логов, ssl, кеш и тд

После внесения изменений само собой надо пелоаднуть nginx. На убунте: sudo systemctl reload nginx

[fateseekers]

ediboba, Можно еще спросить, где настраивать http в nginx?(

[ediboba]

fateseekers, в каталоге nginx (на убунту находится в /etc/nginx) настраиваете в файле nginx.conf. В каталоге sites-available создаете файл some_conf (придумать свое название), в каталоге sites_enabled воздаете ссылку на sites-available/some_conf.

Answer 2

[Евгений]

Автор, ты бы хоть логи какие-то скинул, куда какие запросы идут от frontend к backend. Тут же не форум для телепатов. Сам-то представь как можно ответить на твой вопрос не имея информации?

Вот если я тебе напишу: "У меня проблема, не идут запросы от frontend к backend. Nginx перезапускал."

Что посоветуешь?