Nginx - proxy_pass到google存储桶静态页面VueJS子路径导致404错误，VueJS路由器没有启动。

Question

我在谷歌云存储桶中托管VueJS，只有在使用域名而没有子路径时，应用程序才能工作：www.domain.com当使用URL：www.domain.com/sub/path时，我得到了404错误，因为看起来NGINX正在桶中寻找这条路径，而不是让VueJS路由器接管。我试图跟随老的线程，但在我的例子中没有帮助。

有什么办法解决这个问题吗？

   location = / {
       proxy_pass https://gcs/mygoogle-cloud-bucket/main.html;
       proxy_set_header Host storage.googleapis.com;
   }
   location / {
       rewrite /(.*) /$1 break;
       proxy_pass https://gcs/mygoogle-cloud-bucket/$1$is_args$args;
       proxy_redirect off;
       index main.html;
       proxy_set_header Host storage.googleapis.com;
   }

Answer 1

您需要做的似乎是使用Cloud和VueJS创建一个VueJS。

在这种情况下，有几件事需要澄清：

• 云存储不支持HTTPs，所以您不需要使用负载平衡器。
• 确保桶中的对象是公共的。
• 构建具有相对路径的Vue项目。
• 还可以重新设置特别网页，但这是不必要的。
• 设置您的负载均衡器和SSL证书，就像提到的这里一样。
• 配置路由规则。
• 确保你有将自定义域连接到负载均衡器

这应该能让你用上你的网站。如果您想检查一个工作示例，可以查看这一个。

您的代码应该类似于：

 location / {
            rewrite /$ $uri$index_name;

            proxy_set_header    Host storage.googleapis.com;
            proxy_pass          https://gs/$bucket_name$uri;
            proxy_http_version  1.1;
            proxy_set_header    Connection "";
        }