Google Cloud Storage 上的 React App-Js 和 Css 未加载-给出 404

Question

I created react app with following command:

npx create-react-app my-app

Then executed the command, to create build:

npm run build

Then uploaded the build folder output to gcp storage.

And when I am trying to access the index.html file via Link URL. In Console I am getting 404 for Css and Js file referenced in index.html

When I updated the index.html with correct url link of js and css, then it is working fine. Is it necessary to change the js and css link reference to gcp storage url link? Can't that work with relative paths?

Answer 1

Depends on how you uploaded your files to Cloud Storage.

You can do gsutil rsync -R local-dir gs://www.example.com to recursively copy a directory tree to Cloud Storage. Which what the -R option is used for