如何配置 --public-host 以在 nginx 反向代理后面運行 angular 通用應用程序？

Question

我想用 HMR 運行一個通用應用程序，我的這個問題是基於它實際上可能的假設。

我已經設置並運行了一個默認的“ng new”angular 8 應用程序並按預期工作。 要在反向代理后面運行它，我正在使用修改后的 npm start 運行

e.g. { "start": "ng serve --host 0.0.0.0 --port 3604 --disable-host-check --public-host //domain.com/spa/sockjs-node/" }

我正在使用 nginx 將 domain.com/spa/sockjs-node/ 路由到 domain.com:3604/sockjs-node

這工作正常，我讓 HMR 在 nginx 反向代理后面工作。

我希望與 HMR 一起運行一個有角度的通用應用程序，但我無法弄清楚如何為通用應用程序設置 --public-host //domain.com/universal/sockjs-node/，因為它顯然不再使用 ng serve 來運行. 如果沒有此設置，則在搜索資產和套接字時不會插入路徑的 /universal/ 部分。

所以我在這種情況下的問題是：如何為有角度的通用應用程序設置 --public-host ？

謝謝

Answer 1

對 create-react-app 默認設置和 nginx 進行以下更改。

索引.html

add <base href="/ssr/"> in <head>

nginx.default.conf

server ...
{

    location ^~ /ssr/sockjs-node/ {
        proxy_pass http://0.0.0.0:3604/sockjs-node/;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
     }
     location ^~ /ssr/ {
        proxy_pass http://0.0.0.0:3604/;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }
}

服務器.ts

const PORT = process.env.PORT || 3604;

如何配置 --public-host 以在 nginx 反向代理后面運行 angular 通用應用程序？

問題描述

1 個解決方案

解決方案1
0 2019-12-17 11:40:12

索引.html

nginx.default.conf

服務器.ts

如何配置 --public-host 以在 nginx 反向代理后面運行 angular 通用應用程序？

問題描述

1 個解決方案

解決方案1 0 2019-12-17 11:40:12

索引.html

nginx.default.conf

服務器.ts

解決方案1
0 2019-12-17 11:40:12