如何将我的反应应用程序部署到我的 FTP

Posted

技术标签:

【中文标题】如何将我的反应应用程序部署到我的 FTP【英文标题】:How do I deploy my react app into my FTP 【发布时间】:2018-03-14 04:51:22 【问题描述】:

我使用 create-react-app 来设置所有内容。

我能够在激增时获得它的实时版本。

我现在想将它添加到我由 Bluehost 托管的个人网站中。

我需要使用 FTP 客户端上传。

https://codingforkids.us/projects/joesprojects/ravenous/

这是运行 npm run build 并将 build 文件夹的内容放入 FTP 客户端的结果。页面是空白的。

这是 Surge 上的应用程序:http://ambiguous-afternoon.surge.sh/

【问题讨论】:

【参考方案1】:

您尝试服务器的 css、js 文件有多个 404。确保文件在主机上可用,以及它们是否可以静态提供。

【讨论】:

【参考方案2】:

最可能的问题是您需要在构建之前将 .htaccess 文件添加到公共目录中。

Check out the React article on deployment

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

同时确保你在 manifest.json 中设置了你的 URL(也是公开的)

您可能还需要对您的网站进行硬刷新。

【讨论】:

以上是关于如何将我的反应应用程序部署到我的 FTP的主要内容,如果未能解决你的问题,请参考以下文章

如何将 Jekyll 站点从 github repo 部署到我的 ftp?

如何在 tomcat 上部署 Java Web 应用程序(.war)?

如何将我的生产应用程序数据复制到我的本地主机应用程序中

想将我的应用部署到我的域,当eb部署成功后该怎么办?

将我的本地反应应用程序文件发送到 VsCode 中的 Github 存储库的命令是啥?

如何将我的 Vue js SPA 部署到我的 Django 服务器中?