nginx reverse proxy весь путь к приложению express angular nodejs

Я разрабатываю приложение с использованием express nodjs в качестве бэкэнда для API и разрабатываю интерфейс с angular7, когда я готов развернуть, скопируйте все * js, * html из сборки приложения angular в общедоступный / путь в экспрессе app

Я использую 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 express?

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

1
задан 19 August 2019 в 20:50
1 ответ

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

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
0
ответ дан 4 December 2019 в 02:44

Теги

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