时间戳

首页 > 解决方案 > 如何使用 cpanel 将我的 React 应用程序部署为我的个人网站上的子文件夹

reactjs - 如何使用 cpanel 将我的 React 应用程序部署为我的个人网站上的子文件夹

问题描述

我想将我的 react 应用程序部署到我的个人网站上。我目前已将其部署到 heroku 上，并将其链接到我的个人网站上。但我想从等式中消除heroku，并将所有内容都放在我自己的网站上。每当我尝试部署它时，我都会将构建文件上传到我的文件管理器 public_html 中。但是当我尝试打开它时，我得到的只是一个空白页。我的原版 JS 项目运行良好。

我的问题是如何通过 cpanel 将我的 react 应用程序部署到我现有的站点上。

我已经阅读了一些堆栈页面并尝试了 npm run build 并将 zip 文件以及普通文件发布到我的 cpanel 文件管理器。但它只给了我一个空白页。当我打开空白页面的开发工具时，我可以看到它是我想要的 html 文件，但它具有指向我的构建文件的链接，但由于某种原因它没有运行它们。控制台给我一个错误“加载资源失败：服务器响应状态为 404 ()”我也尝试更改主页目标。

我相信我只是错过了一些非常简单的东西，因为我很难在这方面找到任何帮助。我对反应和部署反应应用程序比较陌生，所以如果有人可以帮助我，我将非常感激。

我不知道我是否将文件上传到 cpanel 中的文件管理器错误，或者我是否对 npm run build 做错了什么。

我的 git 仓库在这里 https://github.com/brandondorner/4-Day-Forecast-Weather-App

谢谢你。

标签： reactjswebcpaneldeployinghosted

解决方案

要将您的反应应用程序部署到您的网站，只需按照以下步骤操作：

  1. 使用以下命令构建您的反应应用程序：npm run build
  2. 转到 app 文件夹，然后转到 build 子文件夹，您需要将所有内容上传到您的服务器到 public_html 文件夹

我已经使用 create-react-app 测试了这些步骤，这是执行此操作的普通方法，如果它不起作用，请尝试从浏览器控制台检查错误

推荐阅读