Easily deploy to heroku



  • I found this blog post that made deploying to heroku really simple. It shows how to push just the dist folder and serve it with express.
    Now it’s as simple as:
    npm run build
    npm run deploy

    Hope you find it as useful as I have:
    https://medium.com/@sagarjauhari/quick-n-clean-way-to-deploy-vue-webpack-apps-on-heroku-b522d3904bc8



  • I’m having trouble with the tutorial. Could you outline the steps you’ve taken?

    Running quasar build removes the server.js and package.json files from the dist folder. I can restore those 2 files with a simple git checkout, but is there another option?



  • @chrzrdx
    I’ve been cheating by just copy pasting those two files back in from another folder! I’m aware it can be done with webpack instead but haven’t spent the time to work out how.

    The steps are:

    npm run build
    git commit
    copy paste server.js & package.json back into dist folder
    npm run deploy

    If you come up with a better solution that would be great!



  • Would you say this is still relevant? When I try to follow these instructions, I get
    2019-08-02T00:10:02.836781+00:00 heroku[router]: at=error code=H10 desc=“App crashed” method=GET path="/" host=xxxx.herokuapp.com request_id=95f93426-3129-48a7-800f-98c0789ae696 fwd=“173.59.63.17” dyno= connect= service= status=503 bytes= protocol=http
    2019-08-02T00:10:03.644658+00:00 heroku[router]: at=error code=H10 desc=“App crashed” method=GET path="/favicon.ico" host=xxxxherokuapp.com request_id=15855a04-5493-4aba-beaf-34cf70b79eaa fwd=“173.59.63.17” dyno= connect= service= status=503 bytes= protocol=http


Log in to reply