Nginx重定向到EC2實例

Question

我有角度（版本：7）網站，它部署在S3桶上，但出於搜索引擎優化的目的，最近我整合了Angular Universal 。

現在我將站點/前端從S3存儲桶移動到EC2實例。 我試圖在我的EC2實例（CentOS）上在Nginx（版本：nginx / 1.14.1）上部署我的角度通用應用程序。

這個流程類似於域名（example.com/www.example.com）在godaddy上注冊，它指向Cloud Front，它將我的請求發送/轉發給EC2實例（Nginx服務器）。

問題

每當我嘗試訪問網址https://example.com或https://www.example.com時 ，他們都會被重定向到EC2實例地址，如https：//ec2-xx-xxx-xxx-xx.region-x .compute.amazonaws.com / 。

有人想通了，這是由於服務器配置，如前所述這里

當您通過CloudFront連接時，請確保服務器不會將您重定向回EC2主機名或IP（如果有的話，瀏覽器中的地址欄將會更改，並且您將要修改Web服務器的配置，如果那個會發生）。

所以看起來我有nginx配置問題。 以下是我使用的配置。

EC2安全組設置

nginx.conf

upstream nrc_frontend_nodejs {
    server 127.0.0.1:4000;
}

server {
        listen 80 default_server;
        listen [::]:80 default_server;
        server_name _;
        return 301 https://$host$request_uri;
}

server {
    listen       443 ssl http2 default_server;
    listen       [::]:443 ssl http2 default_server;
    server_name  example.com www.example.com;

    ssl_certificate ssl/example.chained.crt;
    ssl_certificate_key ssl/example.key;

    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
    ssl_prefer_server_ciphers on;
    ssl_ciphers 'CEMDH+ATSGCM:EDH+AESGCG:AES256+EECDH:AES256+EDH';

    root /home/ec2-user/nginx/dist; # <-- Static Resources

   # Load configuration files for the default server block.
   include /etc/nginx/default.d/*.conf;

   location / {
        try_files $uri $uri @backend; # <--- This looks for requests (statics i.e js/css/fonts)
                                      # in /ssr/dist folder. If nothing found, calls @backend (running at 127.0.0.1:4000)
    }

    location @backend {
        proxy_pass http://nrc_frontend_nodejs;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Host $http_host;
        proxy_http_version 1.1;
        proxy_set_header X-NginX-Proxy true;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_cache_bypass $http_upgrade;
        proxy_redirect off;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_pass_request_headers on;
    }
}

這幾天，我已經嘗試了很多不同的方法來配置nginx，但到目前為止還沒有運氣。 有人可以幫忙嗎？

Answer 1

server {
    listen 80;
    listen [::]:80;

    server_name yourdomaim.com;

    location / {
                proxy_pass http://localhost:5200;
                proxy_http_version 1.1;
                proxy_set_header Upgrade $http_upgrade;
                proxy_set_header Connection 'upgrade';
                proxy_set_header Host $host;
                proxy_set_header X-Forwarded-For $remote_addr;
                proxy_set_header  X-Real-IP  $remote_addr;
                proxy_cache_bypass $http_upgrade;
        }
}

如果使用nodeJS，則應使用pm2之類的工具在端口5200上運行角度通用項目。 關於設置應該在nginx中工作