@NewSantaClaus

Как сделать proxy_pass на React приложение Nginx?

Запустил React приложение на 3006 порту

Делаю проксирование
location /crm/ {
        rewrite ^/crm/(.*)$ /$1  break;
        proxy_pass http://127.0.0.1:3006/;
    }

Проксирование происходит но React не может найти файлы которые ему нужны для работы
612736da3eaa0128024697.png

Он ищет файлы по пути https://my.site, а согласно проксированию он должен искать по пусти https://my.site/crm/....

Как мне это исправить чтобы файлы стало находить и все заработало?

Пробовал
sub_filter 'src="/'  'src="/crm/';
sub_filter_once off;


Но не работает. gzip стоит в режиме off
gzip off;
gzip_comp_level 5;
gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;


Когда открываю http://my.site:3006 приложение работает
Когда открываю https://my.site/crm приложение не работает

Полный nginx конфиг /etc/nginx/conf.d/my.site.conf
Корневая папка /var/www/html

server {
    listen 443 ssl;
    server_name my.site www.my.site;

    root /var/www/html/;
    index index.html;

    ssl_certificate /var/www/html/ssl/ssl-bundle-21.crt;
    ssl_certificate_key /var/www/html/ssl/HSSL-123456789p4cc9.key;
    
    gzip off;
    gzip_comp_level 5;
    gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;

    if ($allowed_country = no) {
        return 403;
    }

    location ~ ^/api {

        client_max_body_size 50M;

        try_files $uri /api/public/index.php;
        index index.php;

        location ~ \.php$ {
            fastcgi_split_path_info ^(.+\.php)(/.+)$;
            fastcgi_pass unix:/run/php/php8.0-fpm.sock;
            fastcgi_index index.php;
            fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
            fastcgi_intercept_errors on;
            include fastcgi_params;
        }
    }

    location ~ ^/files {
        try_files $uri /api/public$request_uri;
    }

    location ~ /crm/ {
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $remote_addr;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_pass http://127.0.0.1:3006;
    }

    location / {
        proxy_pass http://127.0.0.1:5000;
    }
}

server {
    listen 80;
    server_name my.site www.my.site;

    if ($allowed_country = no) {
        return 403;
    }
    
    location / {
        return 301 https://$host$request_uri;
    }
}
  • Вопрос задан
  • 552 просмотра
Пригласить эксперта
Ответы на вопрос 1
karabanov
@karabanov
Системный администратор
Конструкция rewrite ^/crm/(.*)$ /$1 break; убирает /crm/ из URI

Вот так будет проксироваться:
location ~ /crm/ {
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $remote_addr;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_pass http://127.0.0.1:3006;
    }


Результат:
GET /crm/test.css HTTP/1.0
Host: example.com
X-Real-IP: 192.168.254.254
X-Forwarded-For: 192.168.254.254
X-Forwarded-Proto: https
Connection: close
user-agent: curl/7.68.0
accept: */*


Только это всё равно не выход, та как Nginx должен отдавать статику самостоятельно. Для этого надо указать alias или root, а не proxy_pass
Ответ написан
Ваш ответ на вопрос

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

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