Question

我想知道是否可以将我构建的react.js网络应用部署到未安装node.js的共享托管网站？

我使用webpack构建应用程序，它会创建正常的html, js, css文件。我上传了包含所有html, js(bundle.js) and css个文件的静态文件夹，但是当我请求该网站时，服务器回复了404未找到的bundle.js响应。

Answer 1

使用npm run build，您应该获得一个包含索引html文件的文件夹，该文件将运行您的应用程序。在实际部署到服务器之前首先尝试使用xampp。

以下是一步一步

npm run build

或

yarn run build

它将生成一个如下所示的构建文件夹：

复制所有内容并将其移至xampp或ftp中的htdocs将目录上传到主机中的public_html文件

Answer 2

是的，您确定可以对共享主机提供商做出反应。

看到您收到404错误（未找到），您可能错误地引用了您的反应文件/包。如果您使用样板来创建应用程序，它甚至可能不会被命名为bundle.js。

你能提供更多信息吗？ index.html文件是什么样的？你的目录结构是什么样的？如果您能够发布这些文件，我可以告诉您问题所在。

Answer 3

要在共享主机上部署React应用，您需要创建生产版本。生产版本包含您所有的反应代码及其依赖项。

在大多数共享托管中，我们将站点/应用程序放在public_html目录中，因此，如果我们点击www.yourdomain.com，它将提供public_html目录中的代码。

因此，如果您的React应用已准备就绪，请编辑package.json文件，添加新的键值：

“主页”：“ http://yourdomain.com”

然后使用以下命令创建构建：

npm运行构建

运行命令后，您将在应用程序根目录中看到一个名为build的新目录。它将包含该应用程序的js和CSS以及一个index.html文件。您需要将构建目录中的所有内容上传到public_html目录，仅此而已，请转到您的域，您的应用即可正常运行。