Reactjs 将React应用程序上载到外部服务器

Reactjs 将React应用程序上载到外部服务器,reactjs,deployment,hosting,Reactjs,Deployment,Hosting,我是新来的 几天前,我开发了我的第一个简单的React应用程序,构建了该应用程序并将其上传到我的GoDaddy主机。我认为这就足够了,因为我在主机的根目录中有一个index.html,并且我认为一旦我在浏览器中打开我的域,构建就会工作 不幸的是,结果证明它不起作用。生活中没有容易的事 经过数小时的谷歌搜索,我发现人们将React应用程序上传到Heroku等特殊服务上。我找到了一个教程,并成功地在Heroku上发布了我的react应用程序。但说实话,我仍然不知道为什么我的应用程序不能在GoDad

我是新来的

几天前,我开发了我的第一个简单的React应用程序,构建了该应用程序并将其上传到我的GoDaddy主机。我认为这就足够了,因为我在主机的根目录中有一个index.html,并且我认为一旦我在浏览器中打开我的域,构建就会工作

不幸的是,结果证明它不起作用。生活中没有容易的事

经过数小时的谷歌搜索,我发现人们将React应用程序上传到Heroku等特殊服务上。我找到了一个教程,并成功地在Heroku上发布了我的react应用程序。但说实话,我仍然不知道为什么我的应用程序不能在GoDaddy服务器上运行

当我为Heroku准备应用程序时,一个步骤是使用express.js创建一个server.js文件


这是否意味着每个React应用程序都需要这样一个服务器文件才能工作?如果我想在GoDaddy或任何其他托管服务器上使用我的React应用程序,该怎么办?可能吗?

好的,我发现了问题所在

事实证明index.html中的路径并不镜像构建文件夹结构

在index.html中,我必须更改如下引用:

/static/css/2.567.chunk.css
/static/media/tree.6098.jpg
为此:

./static/css/2.567.chunk.css
../media/tree.6098.jpg
在CSS文件中,我需要更改如下路径:

/static/css/2.567.chunk.css
/static/media/tree.6098.jpg
为此:

./static/css/2.567.chunk.css
../media/tree.6098.jpg
之后,你只需上传文件,一切正常


现在的问题是,为什么这些路径不是它们应该的样子?

应用程序是否依赖于Node.js?或者您是为了独立服务而构建的吗?React应用程序不需要任何服务器文件,您只需要将服务器部署到某个地方,就可以在应用程序中使用此服务器。@Andreas,它只是一个简单的旅程规划器应用程序,向TFL(伦敦交通)发送API请求,并将结果打印到UI中。@Waheed,对不起,但我不明白。你说React应用程序不需要任何服务器文件。但随后您添加了“您需要在某处部署服务器”。现在我很困惑。@user1941537您知道axios吗?这只意味着您的构建已经配置好了wrongly@Andreas,可能是我做错了什么。正如我提到的,我是新来的。我用CreateReact应用程序创建了我的应用程序。没有更改任何设置。npm开始工作。为了构建应用程序,我执行了npm运行build。已将构建文件夹的内容上载到我的GoDaddy shard主机。但是正如前面提到的,index.html中的JS和CSS文件的路径没有镜像构建文件夹结构,因此无法找到。我做错什么了吗?我错过什么了吗?谢谢