在 Heroku 问题上部署平均堆栈应用程序

Question

This is my first time building a MEAN stack application and I built it locally. Now I am trying to host it on heroku and I think I messed it up. I went through different questions here and most of them said both angular and express needs to be in one single app. I din't know that, So here's my current folder structure.

Project Root Folder
|
| 
|------ Frontend (Angular App)
|
|
|------- Backend (Express App)

I tried searching everywhere but couldn't figure out what changes I need to make to my current project structure. Any tips or help or even a link to a guide would be much appreciated.

Answer 1

For hosting as a single app

1. first build the angular app
2. host the build folder of front end in the backend express app as

app.use('*', express.static('Frontend/build/'))

3. in start script of backend build the angular app and start the server file( index.js )
4. inside the server file use port from the environment variables, heroku will automatically assign you with an port which will be pointed to the dynamos url

you acn also follow this article