Beispielcode für Django+Vue-Registrierung und -Anmeldung

Formular absenden(Formularname) {
      let data = neue FormData()
      data.append('Benutzername',this.numberValidateForm.name)
      data.append('Passwort',diese.NummerValidateForm.pass)
      dies.$axios.post('/api/register/',data).then((res) => {
        this.$router.push({ name: "login" }) // Routensprung }).catch((res) => {
         console.log("Fehler beim Senden!!");
         gibt false zurück;
      })
  }

Proxy: {
        "/api":{
          Ziel: "http://127.0.0.1:8000/",
          changeOrigin: true // Ob ein Proxy verwendet werden soll}
    }, //Proxy festlegen,

Axios von „axios“ importieren
Vue.prototype.$axios = Axios
let getCookie = Funktion (Cookie) {
    lass reg = /csrftoken=([\w]+)[;]?/g
    returniere reg.exec(Cookie)[1]
}
Axios.interceptors.request.use(
  Funktion(Konfiguration) {
    //X-CSRFToken-Headerinformationen einheitlich vor der Post-Anfrage hinzufügen let cookie = document.cookie;
    wenn(cookie && config.method == 'post'){
      config.headers['X-CSRFToken'] = getCookie(Cookie);
    }
    Konfiguration zurückgeben;
  },
  Funktion (Fehler) {
    // Tun Sie etwas mit dem Anforderungsfehler
    returniere Promise.reject(Fehler);
  }
);

Formular absenden(Formularname) {
      this.$refs[formName].validate(valid => { //Vue-Frontend-Validierungsregeln if (valid) {
          let data = neue FormData()
          data.append('Benutzername',this.numberValidateForm.name)
          data.append('Passwort',diese.NummerValidateForm.pass)
          dies.$axios.post('/api/login/',data).then((res) => {
            wenn(res.data.code == "ok"){
              konsole.log(12345678)
              dies.$router.push({name:"firstpage"})
            }
          })
        } anders {
          console.log("Fehler beim Senden!!");
          gibt false zurück;
        }
      });
    },

von django.shortcuts importiere render
von django.views importiere Ansicht
von django.http importiere HttpResponse, JsonResponse
von django.contrib.auth.models importiere Benutzer # Djangos gekapselte Authentifizierungsfunktion von django.contrib importiere auth
Klasse Login(Ansicht):
    def post(selbst, Anfrage):
        versuchen:
            Benutzer = Anfrage.POST.get('Benutzername',Keine)
            pwd = request.POST.get('Passwort',Keine)
            # Passwort überprüfen obj = auth.authenticate(request,username=user,password=pwd)
            wenn Objekt:
                return JsonResponse({'code':'ok','message':'Konto- und Passwortüberprüfung erfolgreich'})
        außer:
            return JsonResponse({'code':'no','message':'Überprüfung fehlgeschlagen'})

Klasse Register(Ansicht):
    def post(selbst, Anfrage):
        versuchen:
            Benutzername = Anfrage.POST.get('Benutzername',Keine)
            Passwort = Anfrage.POST.get('Passwort',Keine)
            Benutzer = Benutzer.Objekte.create_user(Benutzername=Benutzername,Passwort=Passwort)
            Benutzer.Speichern()
        außer:
            return JsonResponse({'code':'no','message':'Registrierung fehlgeschlagen'})
        return JsonResponse({'code':'ok','message':'Registrierung erfolgreich'})