Я разрабатываю приложение, используя 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