Can I deploy a Vuejs app and Python backend app in the same Heroku app?

Question

I have a decoupled application in which the frontend is in Vuejs (SPA) and the REST backend in Python/Django.

For cost reasons, I would like to deploy both of them in the same Heroku app. Is it possible?

I've been reading about the Procfile but I'm not sure it allow me achieve it.

Thanks

echefede · Accepted Answer · 2019-04-14 11:32:46Z

1

Just serve the static files from django.

For example, in your vue.config.js:

module.exports = {
    publicPath: '/',
    outputDir: "dist",
    assetsDir: "static",
    indexPath: "spa.html",
    css: {extract: false}

}

In django urls.py:

urlpatterns = [
    re_path(r'^app/*', TemplateView.as_view(
        template_name='spa.html',
        extra_context=SPA_CONTEXT,
    )),
]

And remember to add the static assets and template folders in your settings.py.

answered Apr 14, 2019 at 11:32

echefede

5364 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Awesome! Thank you

Mukul Khanna · Accepted Answer · 2019-04-07 05:02:17Z

0

Yes, it is very much possible.

I found some documented help by a simple google search. You can refer to these links -

answered Apr 7, 2019 at 5:02

Mukul Khanna

231 silver badge9 bronze badges