![](/img/trans.png)
[英]Trying to set up Traefik as a reverse proxy for node.js and nginx
[英]How to set up nginx reverse proxy with multiple node apps
我有兩個 Vue.js 應用程序想要在同一個域上運行(例如, https://localhost:8080/app1和https://localhost:8080/app2 )。 這兩個應用程序都在單獨的 docker 容器中運行,並且我已經設置了第三個 docker 容器,該容器運行帶有反向代理的 nginx 以便擁有 ssl。
我可以在所需位置訪問應用程序,但缺少一些資源(圖像、字體等)。 我意識到我的 nginx 服務器在https://localhost:8080/my_resource 尋找它們,但我不知道如何將它們轉發到正確的位置(即https://localhost:8080/app1/my_resource ,和 app2 類似)。
我嘗試在 nginx 中使用“try_files”指令,如下所示:
location / {
try_files $uri $uri/ http://app1:8080 http://app2:8080
}
但它不起作用。
這是我的 nginx 配置文件
server {
listen 80;
listen [::]:80;
server_name localhost;
return 301 https://$server_name$request_uri;
}
# Change the default configuration to enable ssl
server {
listen 443 ssl;
listen [::443] ssl;
ssl_certificate /etc/nginx/certs/my_app.crt;
ssl_certificate_key /etc/nginx/certs/my_app.key;
server_name localhost;
server_tokens 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;
proxy_set_header X-Forwarded-Proto $scheme;
location / {
if ($http_referer = "https://localhost:8080/app1/") {
proxy_pass http://app1:8080;
break;
}
if ($http_referer = "https://localhost:8080/app2/") {
proxy_pass http://app2:8080;
break;
}
}
location /app1/ {
proxy_pass http://app1:8080/;
}
location /app2/ {
proxy_pass http://app2:8080/;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;
}
}
這是我的 docker-compose
version: "3.6"
services:
app1:
image: "app1"
expose:
- "8080"
command: ["serve", "-s", "/app/app1/dist", "-l", "8080"]
app2:
image: "app2"
expose:
- "8080"
command: ["serve", "-s", "/app/app2/dist", "-l", "8080"]
nginx:
image: "nginx"
ports:
- "8080:443"
depends_on:
- "app1"
- "app2"
感謝您的任何輸入:)
經過大量的反復試驗,我找到了解決方案。 我不認為這是最佳解決方案,但它正在起作用。 這是我的nginx配置:
# Pass any http request to the https service
server {
listen 80;
listen [::]:80;
server_name localhost;
return 301 https://$server_name$request_uri;
}
# Configure the ssl service
server {
listen 443 ssl;
listen [::443] ssl;
ssl_certificate /etc/nginx/certs/my_app.crt;
ssl_certificate_key /etc/nginx/certs/my_app.key;
server_name localhost;
server_tokens off;
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
location / {
proxy_intercept_errors on;
error_page 404 = @second;
proxy_pass http://app1:80;
}
location @second {
proxy_pass http://app2:80;
}
location /app1/ {
rewrite ^/app1(.*) /$1 break;
proxy_pass http://app1:80;
}
location /app2/ {
rewrite ^/app2(.*) /$1 break;
proxy_pass http://app2:80;
}
# redirect server error pages to the static page /50x.html
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.