Django Vue.js Integration for Production | Django casts #9

It seems, that configuring writeToDisk this way does not work anymore, because the property was moved to devMiddleware -> writeToDisk. Just checked the documentation of webpack-chain, there is nothing mentioned about this change. Any idea how it can be done now with webpack-chain (if it can be configured at all) ? Thanks.

Is this setup up to date? Or in better words, is this actually the common way, yet? Using Vue3 with TS

Thanks for your sharing.

Amazing tutorial! But now the writeToDisk doesn't work

You made it look so easy. It's great, you're great

Thanks for the video, I got the following error when running the dev server :(

ValidationError: Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.

Any idea?

This is brilliant and fantastic . Let us extend this and explore at the whole CRUD without Django-REST for better data security on the Internet.

my new Vue project already has vue.config.js, after using your code. It cannot run serve with error "ValidationError: Invalid options object. Dev Server has been initialized using an options object that does not match the API schema."

Good stuff! thanks!

So in cases where only one part of the app use vue, how can i pass a token to that part of the app without requiring the user to login again?

Realmente muito bem feito e explica de uma forma muito simples

you are awesome man!

You mean I can now write vue without Django rest framework??

Wow, just WOW.

YOU'RE AWESOME MAN.

Can I get rid of 'dist/static' in url in deployment? Thanks in advance.

Thanks again. It's really helpful. Finally I managed to find a bug in my script that caused an error CONNECTION REFUSED. Sounds stupid but I forgot to change localhost address to real ip address of the server in my axios setup.

Deployment seems to be always challenging. Thanks to this great tutorial I managed to see my static content in production (Linode ).
Unfortunately haven't succeeded yet in setting up of working api endpoints with ERR CONNECTION REFUSED. ( I test them on django server:8000 before installing gunicorn)
Has somebody had this issue? Thanks for feedback.

you are an hero mate.

Please do a tutorial on deployment of Django Vue webpack project on nginx.... There are many tutorials on how to deploy django on nginx but don't have a proper detailed tutorial on deploying a django project where the front end is vue using webpack loader :)

can we use django template engine with vue tags?

Thx Dude : )

How do we configure different routes inside Vue Router? I am having some problem with that... All my routes coming in the same page one after other :( don't know what went wrong

You are the best

I have an issue with my media files, I can't get my images displayed.Does any on know ho to fix it

This is amazing, I had a project with django and vue (without cli) that was getting pretty big and I needed webpack to make it easier to maintain, this video saved me lots of hours!!! thank you so much

Please keep this coming, your an awesome teacher bro! I've learned so much django, vue integration with you! Love to see some docker integration on linux

Awesome tutorial once again. Would you be kind enough to do a video on how to deploy this to heroku?

I just tried to deploy this on Apache via mod_wsgi with DEBUG=False and everything works fine so far. This is actually production ready.

This is absolutely awesome!
I looked into a few articles and they all make it so complicated.
Thank you very much!

Your URL routes dont allow to use client-side routing, it has to be like default SPA wildcard route: re_path(r'^.*$' ...

Also if you need /admin to work as expected (with common middleware), the wildcard route should be like r'^(?!admin$).*$'

Otherwise you would have to put /admin/ (and maybe other django-backed parts in the real project) with explicit trailing slash, which is annoying.

Yeah this is amazing

Well, Thank YOU :)

You are very responsive.

appreciated.

Awesome! Easy to follow and straight forward, thank you!