Google Cloud Storage から単一ページの React アプリを提供する

ラルスラム

Google Cloud Storage から React アプリを提供しようとしています。React プロジェクトをビルドし、build/ディレクトリの内容を Google Cloud Storage にアップロードしました内部のすべてのファイルが公開されていることを確認しました。ただし、Google Cloud バケット リンクhttp://storage.googleapis.com/BUCKET_NAME/に移動すると、パーミッション エラーに関する XML が表示されます。

<Error>
<Code>AccessDenied</Code>
<Message>Access denied.</Message>
<Details>
Anonymous users does not have storage.objects.list access to bucket BUCKET_NAME.
</Details>
</Error>

次に、URL http://storage.googleapis.com/BUCKET_NAME/index.htmlに移動しようとしましたが、空白のページが表示されました。JS コンソールにエラーがあります。

index.html:1 GET http://storage.googleapis.com/static/css/main.9a0fe4f1.css 
index.html:1 GET http://storage.googleapis.com/static/js/main.871fec8f.js 

これらのエラーは、取得した URL に BUCKET_NAME が含まれていないように見えます。ただし、作成した index.html は、次のようにそれらを相対的に参照しています。

<script type="text/javascript" src="/static/js/main.871fec8f.js"></script>

何が起こっているのかわかりませんが、2つの問題があります。まず、index.html は、バケットの URL に移動するときにデフォルトで提供されるページではないということです。2 番目の問題は、相対パスが正しい URL を解決していないように見えることです。どんな助けでも大歓迎です。

ラルスラム

これは私の側の問題でした。この方法は機能するはずです。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

Pythonを使用してJSONをGoogle Cloud Storageにアップロードする方法

Pythonを介してJSONをGoogle Cloud Storageにアップロードする

Google Cloud Storage認証の使用

Google Cloud Storage WebUIの制限

Google Cloud Storageの画像の提供URLは変更されますか?

Google Cloud Storageからファイルをストリーミングする

Google Appengine Cloud Storage

PHP Google Cloud Storage

Google Cloud Storage Client

Google Cloud Storage

Google Cloud Storage(GCS)過去のバージョンのアップロード日時を確認する

Google Cloud StorageのアップロードはFirebaseCloud機能をトリガーしますか?

Google Cloud Storage-Python 3からファイルをアップロードする方法

Google Cloud StorageにアップロードされたPDFに常に空白のページが表示される

Google Cloud Storage Pythonクライアントライブラリのlist_blobs関数でページングがどのように機能するか

Google Cloud Storageのファイルを操作する

AppengineのGolangでGoogle Cloud Storageを使用する

Google Cloud Storageにアップロードするときに403SignatureDoesNotMatchを取得しますか?

Google Cloud Storageにファイルを直接アップロードすることは可能ですか?

Google Cloud Storage用のアプリを作成するには、請求を有効にして実際に請求する必要がありますか?

Google Cloud Storageの画像を提供するにはどうすればよいですか?

Google Cloud Storageにバッチオブジェクトをアップロードする方法

Apache Beamプロジェクトで直接google-cloud-storageを使用する方法

JavaでGoogle Cloud Storageに行ごとにファイルをアップロードする方法

Python 3でGoogle Cloud Storageにファイルをアップロードする方法

Google Cloud Platform-画像ファイルをGoogleCloud Storageバケットにアップロードする方法は?

Google Cloud Storageからcsvの最初の行のみを読み取る方法は?

Google Cloud FixedIPを使用してHerokuアプリを提供する方法

Google Cloud Storage TransferServiceがUNKNOWNエラーで失敗する

TOP 一覧

  1. 1

    セレンのモデルダイアログからテキストを抽出するにはどうすればよいですか?

  2. 2

    PictureBoxで画像のブレンドを無効にする

  3. 3

    Postmanを使用してファイル付きの(ネストされた)jsonオブジェクトを送信する

  4. 4

    テキストフィールドの値に基づいて UIslider を移動します

  5. 5

    Ansibleで複数行のシェルスクリプトを実行する方法

  6. 6

    Python / SciPyのピーク検出アルゴリズム

  7. 7

    追加後、ブートストラップマルチセレクトがテーブルで機能しない

  8. 8

    ZScalerと証明書の問題により、Dockerを使用できません

  9. 9

    tf.nn_conv2dとtf.nn.depthwise_conv2dの違い

  10. 10

    Dynamics365からローカルファイルにアクセスできます。ローカルリソースは許可されていません

  11. 11

    STSでループプロセス「クラスパス通知の送信」のループを停止する方法

  12. 12

    QRegularExpressionは、文字列内の引用符で囲まれた部分と引用符で囲まれていない部分をすべて検索してキャプチャします

  13. 13

    Windows 10 Pro 1709を1803、1809、または1903に更新しますか?

  14. 14

    Rパッケージ「AppliedPredictiveModeling」のインストール中にエラーが発生しました

  15. 15

    PyCharmリモートインタープリターはプロジェクトタブにサイトパッケージのコンテンツを表示しません

  16. 16

    MyBatisがネストされたオブジェクト属性を参照するとOgnlExceptionが発生します

  17. 17

    java.lang.NoClassDefFoundError:com / sun / istack / tools / DefaultAuthenticator $ Receiver

  18. 18

    三項演算子良い練習の代わりとしてOptional.ofNullableを使用していますか?

  19. 19

    tkinterウィンドウを閉じてもPythonプログラムが終了しない

  20. 20

    TextFieldテキストをJSONファイルから受信したテキストにどのように設定しますか?(フラッター)

  21. 21

    Pythonを使用して、リストからデータを読み取り、特定の値をElasticsearchにインデックス付けするにはどうすればよいですか?

ホットタグ

アーカイブ