部署到 Heroku 的 Nodejs Ionic-Angular 仅显示后端，而不是启动整个应用程序

Question

我的package.json:

"scripts": {
    "ng": "ng",
    "start": "node src/app.js && ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "main": "src/app-routing.module.ts"
  },

我把 devdependencies 移到了 dependencies。
Apps 运行在本地使用 Heroku 本地网络，但在服务器中显示唯一的后端。
添加了一个 procfile 包含 web: npm start
Heroku分配端口，数据库连接成功。后端工作正常

我的项目结构：一个 src/ 文件夹，其中包含我的后端和前端文件。

我想我正在失去项目结构。请帮助我显示应用程序的前端而不是后端。

Answer 1

好的，1) 将以下内容添加到您的 app.js（或您的 server.js），然后

app_path ='../www';

app.use('/api', songRoute)

app.use('/',express.static(path.join(__dirname,app_path)))

app.get('*',(req,res)=>res.sendFile(path.join(__dirname,app_path + '/index.html')))

2) package.json 添加这个，

"heroku-postbuild":"ng build --configuration=production",

部署到 Heroku 的 Nodejs Ionic-Angular 仅显示后端，而不是启动整个应用程序

Nodejs Ionic-Angular deployed to Heroku displays only the backend, instead of launching the whole app

node.js

ionic-framework

heroku

deployment

procfile