For django + vuejs integration

create.user.html

<script>
  var app = new Vue({
    delimiters: ['[[', ']]'],
    el: '#app',
    data: {
      csrfmiddlewaretoken: '',
      username: '',
      email: '',
      password1: '',
      password2: '',
      first_name: '',
      last_name: '',
      dni_number: '',
      address: '',
      zip_code: '',
      gender: 'M'
    },
    methods:  {
      onSubmit: function() {
        var form = new FormData();
        form.append('username',this.username)
        form.append('email',this.email)
        form.append('password1',this.password1)
        form.append('password2',this.password2)
        form.append('first_name',this.first_name)
        form.append('last_name',this.last_name)
        form.append('dni_number',this.dni_number)
        form.append('address',this.address)
        form.append('zip_code',this.zip_code)
        form.append('gender',this.gender)
        axios.post('http://localhost:8000/create',form, {'headers':{
          'X-CSRFToken': this.csrfmiddlewaretoken,
          'Content-Type': 'multipart/form-data' 
        }})
        .then(response => {
          console.log(response)
        })
        .catch( err => {
          console.log(err.response);
          console.log("err")
        })
      }
    },
    mounted: function(){
      this.csrfmiddlewaretoken = document.getElementsByName('csrfmiddlewaretoken')[0].value
    }
  })
</script>