@JavaDevIn

Как получить с доступ к react статике через nginx, с использованием домена?

Backend: https://github.com/JRoockie/dispatcherBot
Frontend: https://github.com/JRoockie/fontend

Вопрос 1

Я задеплоил на сервер свой бекенд, фронтенд, установил nginx и написал следующие конфиги:

sites-enabled/default
server {
        listen 80 default_server;
        listen [::]:80 default_server;
        root /home/fontend/build;
        index index.html index.htm index.nginx-debian.html;
        server_name _;
        location / {
                try_files $uri $uri/ /index.html;
        }
}


nginx/conf.d/nginx.conf
server {
    listen 80;
    server_name 94.198.221.250 records-bot.ru;
    location / {
        proxy_pass http://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;
    }
    access_log /var/log/nginx/default_access.log;
    error_log /var/log/nginx/default_error.log;
}


Затем положил мой проект по пути cd /home/fontend, и сбилдил его. Прикрутил домен records-bot.ru, и при попытке зайти по нему, получаю белый экран. При заходе на 94.198.221.250 - 502 ошибка.

Однако если прописать npm start, то доступ к приложению можно получить так 94.198.221.250:3000, records-bot.ru:3000.

Логи nginx:
2024/01/24 11:36:29 [warn] 1640935#1640935: conflicting server name "records-bot.ru" on 0.0.0.0:80, ignored
2024/01/24 11:36:29 [warn] 1640949#1640949: conflicting server name "records-bot.ru" on 0.0.0.0:80, ignored
2024/01/24 11:36:30 [warn] 1640963#1640963: conflicting server name "records-bot.ru" on 0.0.0.0:80, ignored
2024/01/24 11:36:30 [warn] 1640964#1640964: conflicting server name "records-bot.ru" on 0.0.0.0:80, ignored
2024/01/24 12:05:11 [error] 1641805#1641805: *168 rewrite or internal redirection cycle while internally redirecting to "/index.html", client: 95.108.213.193, server: _, request: "GET /robots.txt HTTP/1.1", host: "gtolok.ru"
2024/01/24 12:05:11 [error] 1641805#1641805: *169 rewrite or internal redirection cycle while internally redirecting to "/index.html", client: 5.255.231.57, server: _, request: "GET /robots.txt HTTP/1.1", host: "www.gtolok.ru"
2024/01/24 12:07:11 [error] 1641805#1641805: *170 rewrite or internal redirection cycle while internally redirecting to "/index.html", client: 213.180.203.97, server: _, request: "GET /robots.txt HTTP/1.1", host: "gtolok.ru"
2024/01/24 12:07:11 [error] 1641805#1641805: *171 rewrite or internal redirection cycle while internally redirecting to "/index.html", client: 213.180.203.153, server: _, request: "GET /robots.txt HTTP/1.1", host: "www.gtolok.ru"
2024/01/24 12:09:11 [error] 1643120#1643120: *4 rewrite or internal redirection cycle while internally redirecting to "/index.html", client: 87.250.224.218, server: _, request: "GET /robots.txt HTTP/1.1", host: "gtolok.ru"
2024/01/24 12:09:11 [error] 1643120#1643120: *5 rewrite or internal redirection cycle while internally redirecting to "/index.html", client: 87.250.224.214, server: _, request: "GET /robots.txt HTTP/1.1", host: "www.gtolok.ru"


Подскажите пожалуйста, что я делаю не так.

Вопрос 2

Мой фронт (localhost:3000) отправляет запросы к беку (localhost:8086). На локальной машине все работает корректно, но если запустить реакт приложение на сервере и зайти по адресу 94.198.221.250:3000, то я получаю кучу ошибок cors в нетворке.

65b0e183973dc888875806.jpeg

Это связано с тем что не установлен ssl сертификат и подключение происходит по незащищенному соединению? Почему если запустить все локально на пк, то все ок?
  • Вопрос задан
  • 141 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы