如何在Django中从Axios/Ajax登录？

// 假设有id为login-form的表单
const form = document.getElementById('login-form');

form.addEventListener('submit', (e) => {
  e.preventDefault();

  const username = document.getElementById('username').value;
  const password = document.getElementById('password').value;

  axios.post('/login/', { username, password })
    .then((response) => {
      // 登录成功后的处理逻辑
      console.log(response.data);
    })
    .catch((error) => {
      // 登录失败后的处理逻辑
      console.error(error);
    });
});

from django.contrib.auth import authenticate, login
from django.http import JsonResponse

def login_view(request):
    if request.method == 'POST':
        username = request.POST.get('username')
        password = request.POST.get('password')

        user = authenticate(request, username=username, password=password)
        if user is not None:
            login(request, user)
            return JsonResponse({'status': 'success', 'message': '登录成功'})
        else:
            return JsonResponse({'status': 'error', 'message': '用户名或密码错误'})

    return JsonResponse({'status': 'error', 'message': '无效的请求方法'})