how to integrate Vue to Django

[zhan-py]

Hi! I'm trying to figure out how to integrate Vue to Django by following this tutorial, https://www.webucator.com/article/connecting-django-and-vue/, but I can not get this result, which means Django app failed to use html file generated by Vue . I have uploaded the file to: https://github.com/zhan-py/integrate-vue-to-django. I'd appreciate your help!🙂

[edison1105]

your repository is not public.

[zhan-py]

Sorry, it's now public. Thanks for your attention!:)

[sadeghbarati]

Do you want to use Vue template like (v-for, v-if, ...) inside the Django template (.html)?
I did the same with Razor Pages in ASP.NET Core (.cshtml)

Use Vite instead

https://github.com/MrBin99/django-vite
https://github.com/MrBin99/django-vite-example

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      'vue': 'vue/dist/vue.esm-bundler.js', // make sure you use this alias
    },
  },
  // other options
});

[zhan-py]

Thank you so much!!

[Ashish-Waykar]

Hi @zhan-py mam have you figured this issue out ?
i am struggling from same issue please navigate me throughout solution if you have sorted out this issue !

[zhan-py]

Hi, sorry for my late reply. Unfortunately I wasn't able to solve it even if tried several times...

[Ashish-Waykar]

Thanks for replying @zhan-py its okey. i'm looking for that solution, if you got any please let me know ....