Задать вопрос

Как загрузить react web app и api на один VPS?

У меня сайт на react и API на express, установил сайт на хостинг и сервер на express, делал всё это в первый раз, react сайт работает у меня на порту 3000 а сервер находится на 5000 порту, но при запросах к API получаю следующую ошибку

669d8054f2ca6723635941.png

Ну и это в целом понятно потому что axios наверное не понимает куда обращаться, ведь сам запрос к api выглядит так
669d80bcebbe8225728189.png
Он обращается к localhost на порту 5000, в общем я думаю я объяснил свою проблему, основное что я не понимаю это как мне сделать так что бы на моей VPS работал и API и сам сайт на react если порты разные, использую nginx
  • Вопрос задан
  • 350 просмотров
Подписаться 4 Средний 5 комментариев
Пригласить эксперта
Ответы на вопрос 1
@xoxexxx
вот примерный конфиг nginx
server {
location /api {
proxy_pass localhost:5000;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}

location /{
proxy_pass localhost:3000;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}

попробуй запустить через pm2
example:
pm2 start npm --name client -- start
pm2 start npm --name server -- start

и не забудь обновить nginx
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы