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

时间:2019-02-19 09:37:18

标签: reactjs deployment hosting

我在React世界中是一个全新的人。

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

不幸的是,事实证明它没有工作。生活中没有轻松的事。

enter image description here

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

在为Heroku准备应用程序时,第一步是使用 express.js 创建 server.js 文件。

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

1 个答案:

答案 0 :(得分:1)

好的,我发现了问题所在。

事实证明,index.html内的路径未镜像构建文件夹结构。

在index.html里面,我不得不像这样更改引用:

/static/css/2.567.chunk.css

对此:

./static/css/2.567.chunk.css

在CSS文件中,我需要这样更改路径:

/static/media/tree.6098.jpg

对此:

../media/tree.6098.jpg

之后,您只需上传文件即可,一切正常。

现在的问题是,为什么这些路径没有达到应有的状态?