Vue-cli: Documentation on integration with backend frameworks

[yyx990803]

We should have a section in the docs that walks through integration of Vue CLI 3 with popular backend frameworks. If anyone has managed to use Vue CLI with your backend framework with choice, you are welcome to contribute a brief guide!

[afontcu]

Hi! My team and I successfully integrated Vue (using vue-cli 3) with Django.

Where would the brief guide live? We'd happily contribute.

By the way, we discovered that "integration" is a range: From backend serving static pages and adding a standalone Vue version vs. SPA applications where the backend acts as REST API. Should all the guides strive for the same level of integration? Any thoughts on that?

[kgeographer]

@afontcu Is there a public repo with a Django/vue-cli integration? I am almost there but struggling to serve static files. Thx.

[vagrantir]

Im on the way to intagrate vue-cli created project to php yii2 framework.
My choise is to create vue-app folder inside root framework folder.

First stage is develop using vue-cli-cervice serve.

Second is build and put result of it to two different places, assets to public folder and
index.html->app.php to a view folder . On this stage I expirienced a problem with build --mode devrlopment/staging(any other then production). Other modes then production ignores assetsDir/indexPath (and maybe other) vue.config.js options. So it makes difficult to debug integrated to framework application.
Initially, I think it missdocumentaision, but after digging vue-cli, Im not sure. I found in lib/config/css.js, that extract of css assets are on for production and off in other case. I fixed it by config, but there is not solution for js-assets, only to hack webpack config.output.

I opened an issue earlier
https://github.com/vuejs/vue-cli/issues/2327

[afontcu]

Hi @kgeographer! Hmm kind of, this is the repo we use but it's not fully documented. We use webpack-bundle-tracker to generate the tracking files that then Django loads using django-webpack-loader.

This way, Vue gets compiled into Django's static folder, and then Django serves the whole application. However, we usually create a single Django route, effectively working in a SPA environment.

If you have further questions feel free to reach me here or on Twitter so I can help you :)

[jdubois]

Hi everyone, I'm the creator of https://github.com/jhipster/generator-jhipster

We already integrate Angular and React with Spring Boot and as you can see on https://github.com/jhipster/jhipster-vuejs/issues/1 we are starting to integrate VueJS.

We would love to work with the VueJS project to do a proper integration with Spring Boot. If that's fine with you, could you join our thread at https://github.com/jhipster/jhipster-vuejs/issues/1 and we'll try to organize our common work?

By the way we will give some bug bounties for this.

[alexiej]

Hi,
I've prepared step by step instruction for Django for my projects. I hope this will be helpful if you struggle with something.

https://alexiej.github.io/django-vue-graphql/

This is very detailed instruction, and it is also possible to create vue-router for non-SPA pages.

Best regards,
Arek

[easherma]

@yyx990803 along the lines of @afontcu , where would we expect this potential section to live in the docs? Could we perhaps create a PR stubbing out some potential use cases related to integrating with backend frameworks?