如何在静态服务器上托管ReactJS项目

时间:2018-10-03 01:18:35

标签: reactjs react-native react-redux

我已经构建了一个React应用程序,并且可以从本地服务器正常运行。但是,当我运行npm run build时,该过程似乎正确执行了(创建了build文件夹,其中包含捆绑的js文件和index.html文件),但是当我在浏览器中打开index.html时,它什么也没有呈现。我读了一些有关使用node.js的静态服务器的信息,问题是,我在支付hostgator并使用静态服务器,我需要按月支付几乎与我每年支付的金额相当的价格,有某种方法可以在服务器上运行它没有节点,Apache等? (因为该项目已经完成)...谢谢大家!

1 个答案:

答案 0 :(得分:3)

在放置构建文件的地方(最后是屏幕截图)

您需要创建.htacces文件

将此内容复制并粘贴到该.htacces

Options -MultiViews
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]

现在应该可以正常工作了。

[注意:] 尝试使用Cpanel中的file选项创建它,一旦创建,请编辑.htacess文件并粘贴上面的代码片段(第3和第4个图像)。

类似这样

enter image description here

.htacess文件如下所示 enter image description here

添加新文件 enter image description here

单击.htacess文件,然后选择“编辑”进行编辑 enter image description here