如何在配置了Webpack的Godday上托管React应用

Question

我想在我的Godaddy服务器上托管一个React应用。我可以在本地运行webpack开发服务器，但是我不知道如何在我的godaddy cpanel服务器上托管它。

链接到我的代码：https://bitbucket.org/touristtribe/tribe-frontend/src/master/

Answer 1

首先，为什么要在React中使用jQuery？不建议这样做。

您首先需要构建您的项目。
例如，如果您有yarn，只需在终端中执行yarn build。
它将返回一个包含.html文件和其他文件夹/文件的构建文件夹。

然后您要做的就是将这些文件/文件夹上传到主机。

Answer 2

如果您使用的是create-react-app，则会获得一个脚本来构建您的生产应用npm run build

这将建立一个包含所有必需的html，css和js文件的文件夹，名为build。但是，当您托管在apache服务器中时，总是需要一个.htaccess文件。因此，首先在public文件夹中创建此文件，然后运行build命令。 .htaccess文件中包含的代码是 Options -MultiViews RewriteEngine On RewriteCond %{REQUEST_FILENAME} !-f RewriteRule ^ index.html [QSA,L]

此外，如果要部署到任何子目录，则必须在package.json文件中将其指定为： "homepage": "http://mywebsite.com/relativepath"

您可以在此blog中阅读更多内容。

注意：仅当您使用create-react-app时，此答案才有帮助。