reactjs - 部署strapi并将js反应到heroku
问题描述
我有strapi作为后端,反应js作为前端在单独的文件夹中开发。从 localhost 进行开发时,我必须npm start
同时运行在两个不同端口中运行的strapi 和 react js。
问题是,我被要求将我的项目部署到 heroku,但我对部署过程一无所知,因为我找不到关于此问题的具体教程。我在这里发现了与我的问题类似的问题How to deploy Strapi backend and ReactJS frontend to a single Heroku app但给出的解决方案尚不清楚。
我应该把strapi和react js放在一个文件夹中,然后像给出的解决方案一样添加中间件,然后只部署吗?
解决方案
您需要做的第一件事是在您的机器上安装 CLI。之后,您需要使用以下命令登录 heroku:
$ heroku login
完成此步骤后,您需要克隆存储库或远程位置,以防您的本地计算机上已经有一个 git 存储库。
请记住,在此之前,您需要先在 heroku.com 上创建一个 Heroku 应用程序。然后按照步骤。
$ heroku git:clone -a [my-repository-name]
完成此操作后。提交您的项目文件。像这样。
$ git add .
$ git commit -m "my first project commit front end"
$ git push heroku master
您需要确保您有一个运行 npm run 命令所需的 procfile。所以..创建一个名为的文件。
档案
(这是需要在 src 文件后面的文件的名称。
完成此操作后。您可以继续下一个项目。例子。这仅适用于您的前端应用程序。对于后端应用程序,您可以创建另一个应用程序并重复相同的步骤。
web: npm run start
推荐阅读
- javascript - 发送时数组数据为空
- docker - 将新容器引入 docker 环境会干扰其他容器
- python - matplotlib.pyplot 导入在 ipython 中失败,但在 jupyter 中有效
- node.js - 如何在 node.js 中使用 ES6 模块?
- light-4j - Light-4j 是否类似于 AOP 编程?
- nginx - 如何将域从 nginx 重定向到另一个在同一 nginx 上工作的域?
- c++ - 在运行时在 DLL 中加载 QObject 的最佳方法
- .htaccess - .htaccess 重写 URI 并替换其中的一部分
- css - 为什么我的这个 Typekit 字体中的 p 和 q 的底部会被切掉?
- ms-access - 有人能帮我吗?将带有密码的 xlsx 电子表格导入 Access / Vba。看起来 Excel .xls 格式有效,但 .xlsx 无效