从 Google Cloud Storage 提供 React 应用程序

Question

我正在尝试从 Google Cloud Storage 提供 React 应用程序。 我构建了 React 项目并将 build/ 目录的内容上传到 Google Cloud Storage。 我确保里面的每个文件都可以公开访问。 但是，当我转到我的 Google Cloud 存储桶链接http://storage.googleapis.com/BUCKET_NAME/ 时，我收到了一些关于权限错误的 XML：

然后，我尝试导航到 URL http://storage.googleapis.com/BUCKET_NAME/index.html ，这会显示一个空白页面

Answer 1

首先，我绝对建议使用 firebase 托管，而不是云存储，它是为托管静态网站而设计的，我已经将它与 react 应用程序一起使用，对我来说效果很好。

如果您可以分享收到的错误消息，将会很有帮助。

您可以尝试以下操作（不确定它是否有效，因为您尚未提供错误消息，但值得一试）

您可以尝试编辑规则，以禁用浏览该存储桶中文件的身份验证。

在您的 Firebase 控制台中，转到Storage ，选择您的存储桶、规则选项卡、编辑规则

你可以尝试改变

rules_version = '2';
service firebase.storage {
  match /b/{bucket}/o {
    match /{allPaths=**} {
      allow read, write: if request.auth != null;
    }
  }
}

到

rules_version = '2';
service firebase.storage {
  match /b/{bucket}/o {
    match /{allPaths=**} {
      allow read, write: if true;
    }
  }
}