将 json-server 与使用 aws amplify 部署的 React 应用程序集成

问题描述

我开发了一个带有使用 json-server 开发的模拟后端的 React 应用程序,并已使用 npm start 命令在我的本地成功测试,并且按预期工作。然后我开始使用 aws-amplify 在 aws 中部署应用程序,部署也成功了。我现在面临的一个问题是,如何在 aws 放大中建立 json-server,因为我的所有后端调用现在都失败了,因为 json-server 没有启动。 PFB 我尝试在 aws-amplify 中集成 json-server 的步骤 1.在 aws-amplify 的构建设置中,我尝试给出以下命令以确保在构建之前安装了 json-server,并在“&&”之后提供了启动 json-server 的命令以确保生成 json-sever在构建序列之后向上

  • npm install -g json-server
  • npm run build && npx json-server --watch db.json --port 3001

请。让我知道有没有一种方法可以使 json-server 与 aws-amplify 一起建立,以便我的后端调用成功。如果 aws-amplify 不是正确的选项,我应该使用哪个 aws 服务来使我的后端工作。我可以在 aws ec2 中使用 json-server 部署模拟服务并尝试从我的 UI 调用该服务。

解决方法

如果您想在“npm start”时运行多个应用程序,请同时使用 npm 包。

然后您可以修改您的 package.json 文件以运行多个应用程序,如下例所示;

  "scripts": {
    "start": "concurrently --kill-others \"react-scripts start\" \"npx json-server --watch data/db.json --port 8000\"","build": "react-scripts build","test": "react-scripts test","eject": "react-scripts eject"
  },
,

创建一个单独的 JSON 服务器,然后连接到它,您可以使用 Heroku 来完成此操作,它为个人/开发项目提供免费托管。

我之前在 GH 上的一个项目中也做过这个; https://github.com/rbhachu/the-mojo-blog

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...