Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Documentation on integration with backend frameworks #1563

Open
yyx990803 opened this Issue Jun 13, 2018 · 7 comments

Comments

Projects
None yet
7 participants
@yyx990803
Copy link
Member

yyx990803 commented Jun 13, 2018

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

This comment has been minimized.

Copy link

afontcu commented Aug 4, 2018

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

This comment has been minimized.

Copy link

kgeographer commented Aug 23, 2018

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

@vagrantir

This comment has been minimized.

Copy link

vagrantir commented Aug 23, 2018

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

This comment has been minimized.

Copy link

afontcu commented Aug 23, 2018

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

This comment has been minimized.

Copy link

jdubois commented Aug 27, 2018

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

This comment has been minimized.

Copy link

alexiej commented Sep 6, 2018

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

This comment has been minimized.

Copy link

easherma commented Sep 14, 2018

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.