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

関連記事

TOP 一覧

  1. 1

    Oracle11gクライアントを使用したOracle19Cサーバーへの接続

  2. 2

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

  3. 3

    Reactでclsxを使用する方法

  4. 4

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

  5. 5

    小さいデータセットサイズと大きいデータセットサイズを使用するMPI_Gatherを使用したMPI_Barrier?

  6. 6

    フィルタスライダーで複数の範囲を選択します-Tableau

  7. 7

    MariaDBによるデータベースの破損:テーブルがエンジンに存在しません

  8. 8

    複数の条件でループを構築する

  9. 9

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

  10. 10

    Hide textOutput() when un-click row of a DT::datatable in shiny app

  11. 11

    JavaのREST APIの認証、JWTとベストプラクティス

  12. 12

    Angular 9 TypeError:未定義のプロパティ「subscribe」を読み取れません

  13. 13

    JavaからのMATLAB関数によりランタイムエラーが発生する(EXCEPTION_ACCESS_VIOLATION)

  14. 14

    Eclipseに既存のJavaプロジェクトをインポートしますが、JFrameのデザインビューが存在しませんか?

  15. 15

    Openlayers 3 : Interaction DragBox が機能しない

  16. 16

    print( "\ 0007")がビープ音を鳴らさないのはなぜですか?

  17. 17

    なぜArrays.copyOfは2倍高速System.arraycopyのより小さなアレイ用のでしょうか?

  18. 18

    App Engineクイックスタートから「helloworld.go」をアンデプロイし、代わりにバケット内のhtmlをポイントするにはどうすればよいですか?

  19. 19

    LaravelはDB接続を自動的に閉じますか?

  20. 20

    グラフ(.PNG)ファイルをエクスポートするZabbix

  21. 21

    Eclipseエラー:ビルドパスが不完全であると表示されます

ホットタグ

アーカイブ