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

如何解决将 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