如何配置MEAN应用以在Heroku上部署

Question

我不是部署专家。这是我的第一个MEAN应用程序，也是我的第一个部署。我不介意购买VPS，但首先我想在Heroku上尝试我的应用。我一直在尝试解决方案，但没有一个起作用。实际上，this问题甚至没有答案。我已经ng build --prod了我的前端。我的服务器文件夹中有一个dist文件夹。这是我的

package.json （未修改，因为它是由npm init生成的）

{
  "name": "server",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "body-parser": "^1.19.0",
    "cors": "^2.8.5",
    "express": "^4.17.1",
    "jsonwebtoken": "^8.5.1",
    "mongoose": "^5.6.13"
  }
}

除我自己的代码server.js和api.js外，没有其他文件。请帮我。我的研究表明我需要写scripts，但是我不知道该怎么写。这是我的项目：