【问题标题】:React App on Google Cloud Storage- Js and Css are not getting loaded- giving 404谷歌云存储上的 React 应用程序 - Js 和 Css 没有被加载 - 给出 404
【发布时间】:2019-08-19 18:03:18
【问题描述】:

我使用以下命令创建了 react 应用程序:

npx create-react-app my-app

然后执行命令,创建构建:

npm run build

然后将构建文件夹输出上传到 gcp 存储。

当我尝试通过链接 URL 访问 index.html 文件时。在控制台中,对于 index.html 中引用的 Css 和 Js 文件,我得到 404

当我使用正确的 js 和 css url 链接更新 index.html 时,它工作正常。 是否需要将js和css链接引用改为gcp存储url链接?这不能与相对路径一起使用吗?

【问题讨论】:

  • 当您运行npm run build 时,您是否注意到它说安装假定的路径以及如何更改它的部分?
  • 您存储的所有文件都应该是公开的。是公开的吗?
  • 因此当我执行 npm run build 时没有任何信息。输出 - 该项目是在假设它托管在服务器根目录的情况下构建的。您可以使用 package.json 中的主页字段来控制它。 @Lonewolf 所有文件都是公开的。
  • 呃……那信息。将正确的 url 放入 package.json 中的主页字段。
  • 我尝试将主页添加为“主页”:“storage.cloud.google.com/bucketname”和“主页”:“。” , 它给出了同样的错误。

标签: reactjs google-cloud-platform google-cloud-storage


【解决方案1】:

取决于您将文件上传到 Cloud Storage 的方式。

您可以通过gsutil rsync -R local-dir gs://www.example.com 递归地将目录树复制到 Cloud Storage。 Which what the -R option is used for

【讨论】:

  • 这是递归复制文件。它不会更新 js 和 css 参考链接。
猜你喜欢
  • 1970-01-01
  • 2018-07-20
  • 1970-01-01
  • 2020-02-27
  • 2016-04-10
  • 2018-05-09
  • 2016-10-29
  • 2014-10-30
  • 1970-01-01
相关资源
最近更新 更多