Question

我正在尝试让s3文件夹上托管的单页应用程序使nginx正常工作。对于主推送，我们使用常规的Cloudfront，s3和路由53。但是对于分支机构部署，我们不希望每个开发人员都使用Cloudfront。因此，我们要做的是将资产推送到s3存储桶my.example.com/branch-name/，然后创建一条路由53 A记录-branch-name.my.example.com，它指向nginx服务器。这是我的nginx配置：

server {
    listen       8443;
    server_name  *.my.example.com;
    index   index.html;

    location / {
        resolver 8.8.8.8;

        set $bucket "my.example.com.s3-website-us-west-1.amazonaws.com";
        rewrite ^([^.]*[^/])$ $1/ permanent;

        # matches: branch-name
        if ($host ~ ^([^.]*)\.my\.example\.com) {
            set $branch $1;
            proxy_pass http://$bucket/${branch}$uri;
        }
        try_files '' /index.html =404;
        proxy_intercept_errors on;
        proxy_redirect off;
        proxy_set_header Host $bucket;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_hide_header x-amz-id-2;
        proxy_hide_header x-amz-request-id;
    }

}

我要寻找的行为是，如果我转到http://branch-name.my.example.com，它将加载http：// $ bucket / $ {branch} /index.html。如果我转到http://branch-name.my.example.com/garbage-nonexistent-path/more-garbage/ ...，它应该将URL保留在浏览器中，但仍加载http：// $ bucket / $ {branch} /index.html 如果我转到http://branch-name.my.example.com/correct-path/，则应将其路由到我的应用程序中的正确选项卡，因为react router具有/ correct-path的组件。如果我转到http://branch-name.my.example.com/correct-path/sdcsd/sdcsd/，它仍然应该转到正确的页面，但保留网址。

现在，我的行为是我只能转到根URL，即http://branch-name.my.example.com，然后路由到正确的index.html，然后单击该页面上的“正确路径”标签，网址将相应地更改http://branch-name.my.example.com/correct-path/及其罚款。但是，如果我尝试直接转到http://branch-name.my.example.com/correct-path/，我只会从s3中收到以下错误：

404 Not Found
Code: NoSuchKey
Message: The specified key does not exist.
Key: branch-name/correct-path/index.html
RequestId: 92ADA29566570E8C9
HostId: wT4JdQrkB7KI0+Gnb4+88WNdnX0NXCHB6/KP5RxqJMozAx8z3RlC4T6uefk2LA=
An Error Occurred While Attempting to Retrieve a Custom Error Document
Code: NoSuchKey
Message: The specified key does not exist.
Key: index.html

如果我转到http://branch-name.my.example.com/correct-path（请注意没有结尾斜杠），它将无限期地加载。

请帮助。谢谢。

用于在S3上托管的React Single Page Apps（SPA）的Nginx配置不起作用

0 个答案: