Documentation on integration with backend frameworks #1563

yyx990803 · 2018-06-13T19:41:04Z

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 · 2018-08-04T18:57:40Z

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 · 2018-08-23T03:07:43Z

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

vagrantir · 2018-08-23T06:23:38Z

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
#2327

afontcu · 2018-08-23T06:31:01Z

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 · 2018-08-27T07:45:12Z

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 jhipster/jhipster-vuejs#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 jhipster/jhipster-vuejs#1 and we'll try to organize our common work?

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

alexiej · 2018-09-06T19:12:36Z

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 · 2018-09-14T00:15:16Z

@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?

yyx990803 added contribution welcome documentation labels Jun 13, 2018

Gnuk mentioned this issue Aug 27, 2018

Feature Set, Vue CLI and some general question jhipster/jhipster-vuejs#1

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Documentation on integration with backend frameworks #1563

Documentation on integration with backend frameworks #1563

Documentation on integration with backend frameworks #1563

Documentation on integration with backend frameworks #1563

Comments