Question

我有一个角度（版本：7）站点，该站点部署在S3存储桶上，但是出于SEO的目的，最近我集成了Angular Universal。

现在，我将站点/前端从S3存储桶移至EC2实例。我正在尝试在EC2实例（CentOS）的Nginx（版本：nginx / 1.14.1）上部署我的通用应用程序。

流程类似于在godaddy上注册的域名（example.com/www.example.com），它指向Cloud Front，后者将我的请求发送/转发到EC2实例（Nginx服务器）。

问题

每当我尝试访问URL https://example.com或https://www.example.com时，它们都会被重定向到EC2实例地址，例如https://ec2-xx-xxx-xxx-xx.region-x.compute.amazonaws.com/。

有人发现这是由于服务器配置所致，如here

请确保在通过CloudFront连接时，服务器不会将您重定向回EC2主机名或IP（地址栏中的地址栏浏览器会更改（如果更改），并且您需要修复网络服务器的配置（如果发生这种情况）。

所以看来我有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端口上运行angular通用项目。并且about设置应该可以在nginx中使用

Nginx重定向到EC2实例

1 个答案: