Назад | Перейти на главную страницу

Обратный прокси-сервер nginx - весь путь к явному приложению angular nodejs

Я разрабатываю приложение, используя express nodjs в качестве бэкэнда для API и разрабатываю интерфейс с angular7.

Я готов развернуть (скопировать) все * js, * html из сборки приложения angular в общедоступный / путь в экспресс-приложении

Я использую nginx в качестве обратного прокси для моего серверного приложения с базовой конфигурацией

#default.conf

server {
    listen       80;
    server_name  localhost;

    location / {
        proxy_pass http://localhost:3000;
    }
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }
}

Эта конфигурация отлично работает, когда пользователь напрямую обращается к URL-адресу. Приложение angular работает нормально, все оценки работают
http://example.com/

Но когда пользователь пытается получить доступ к URL-адресу прямо из браузера, это не удается. Я получаю 404 not found страница из nginx не передает передачу на внутренний сервер
http://example.com/my/direct/url

Я понимаю, что nginx пытается достичь файла или пути, но его не существует, потому что угловое приложение SPA внутри приложения nodejs express.

Моя архитектура выглядит так

user        ——>         nginx          ————>                 express app* 
(http://example.com) -> (proxy_pass http:localhost:3000/) -> (“/public/(angular app)“ and  “/api/”)

Как я могу сказать nginx, что весь путь должен быть передан моему экспресс-приложению nodejs?

Извините за мой плохой английский

В вашем вопросе есть некоторая путаница между http: // localhost и http: // пример. Вы можете попробовать эту конфигурацию? должен работать без проблем.

server {
        listen                  80 default_server;
        server_name             _;
        location / {
            proxy_pass http://localhost:3000;
            proxy_redirect          off;
            proxy_set_header        Host            $host;
            proxy_set_header        X-Real-IP       $remote_addr;
            proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
        }
}

Вы можете нажать на URL этой формы:

http://localhost/my/direct/url
http://<SERVER_IP>/my/direct/url