时间戳

首页 > 解决方案 > 如何在 Heroku 上托管 Laravel/React Web 应用程序

reactjs - 如何在 Heroku 上托管 Laravel/React Web 应用程序

问题描述

不确定在哪个 Stack 子论坛上提问，所以请随时纠正我。

问：你能在 Heroku 上免费托管带有 React 前端的 Laravel 网络应用吗？我很久以前在某个地方读过一些东西，它可以。如果有人知道并且也知道关于 Laravel+React 网络应用灾难的任何好的教程/文章，那就太好了。

Ps：我得到了该应用程序的 github repo，所以如果这有帮助......

多多提前点赞。

编辑1：

我通过阅读文档和观看本教程弄清楚了

现在我有不同的问题。该应用程序的一些字体文件是从公共文件夹中访问的。Heroku 比说不允许使用 cors。我尝试创建中间件（示例），我也尝试了一些包，不确定它是 Heroku 还是什么，但我解决这个问题的尝试无济于事。

我下一个解决这个问题的方法是什么？

Edit2： 我的网络应用程序的网址。我的网络应用程序正在使用这个空间这里。

这就是我播种 Heroku 时的样子：来自我本地机器的图像 来自我本地机器的图像。

Edit3： 通过 ajax 调用发送的数据图像：

ajax 调用

它发送用户的数据，而不是文章的数据，就像它们根本没有播种一样......

Edit4： 我很惊讶？现在。我真的不知道我做了什么，但是 cors 错误已经消失了......仍然播种仍然不起作用..

编辑5：

Cors 错误仍然存​​在，但只有在用户登录时才会出现。不知道为什么会发生这种情况，这很奇怪......无论如何，除了这些 cors 错误，图像上传到存储文件夹，即使在 Heroku 上创建符号链接后，也不要持续存在. 它必须像这个SO post中解释的那样。尽管如此，所有主要功能仍然有效，对吗？

标签： reactjslaravelherokufree

解决方案

是的你可以！

您可以通过设置 Laravel 预设来做出反应（默认情况下与 Vue 一起提供）：

$ php artisan preset react

这将安装所有必需的依赖项，并在您的资源目录中创建一个虚拟示例。

现在你可以通过编译你的资产来构建 js

npm run prod

这将生成您的 app.js 文件，其中包含您在视图中包含 React 组件所需的所有内容。您可以像往常一样将其推送到heroku。

我希望它有帮助:)

推荐阅读