Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/google-cloud-platform/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 谷歌云存储上的React应用程序-Js和Css未加载-提供404_Reactjs_Google Cloud Platform_Google Cloud Storage - Fatal编程技术网

Reactjs 谷歌云存储上的React应用程序-Js和Css未加载-提供404

Reactjs 谷歌云存储上的React应用程序-Js和Css未加载-提供404,reactjs,google-cloud-platform,google-cloud-storage,Reactjs,Google Cloud Platform,Google Cloud Storage,我使用以下命令创建了react应用程序: npx create-react-app my-app 然后执行命令,以创建生成: npm run build 然后将生成文件夹输出上载到gcp存储 当我试图通过链接URL访问index.html文件时。在控制台中,我得到了404,用于index.html中引用的Css和Js文件 当我用js和css的正确url链接更新index.html时,它工作正常。 是否有必要将js和css链接引用更改为gcp存储url链接?相对路径不能使用吗?取决于您将文件上

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

npx create-react-app my-app
然后执行命令,以创建生成:

npm run build
然后将生成文件夹输出上载到gcp存储

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

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

取决于您将文件上载到云存储的方式


您可以执行
gsutil rsync-R local dir gs://www.example.com
将目录树递归复制到云存储

当您运行
npm run build
时,您是否注意到其中的一部分,其中说明了它采用的安装路径以及如何更改它?您存储的所有字段都应该是公共的。它是公开的吗?因此,当我执行npm运行构建时,没有任何信息。输出-构建项目时假定它位于服务器根目录下。您可以通过package.json中的homepage字段来控制这一点@Lonewolf所有的文件都是公开的呃。。。这就是信息。将正确的url放在你的package.json中的homepage字段中。我已经尝试将主页添加为“homepage”:“”和“homepage”:“”,它给出了相同的错误。这是递归复制文件。它不会更新js和css参考链接。