登录成功后如何在vuejs django中建立会话？

// 在Vue组件中的登录方法
methods: {
  login() {
    axios.post('/api/login', {
      username: this.username,
      password: this.password
    })
    .then(response => {
      // 登录成功后，保存token到本地存储或cookie中
      localStorage.setItem('token', response.data.token);
      // 跳转到其他页面或执行其他操作
    })
    .catch(error => {
      // 处理登录失败的情况
    });
  }
}

# 在Django视图函数中处理登录请求
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)
            # 登录成功，返回一个包含会话标识符的JSON响应
            return JsonResponse({'token': request.session.session_key})
        else:
            # 登录失败，返回错误信息的JSON响应
            return JsonResponse({'error': 'Invalid credentials'}, status=400)

# settings.py

# 启用会话中间件
MIDDLEWARE = [
    ...
    'django.contrib.sessions.middleware.SessionMiddleware',
    ...
]

# 设置会话引擎为数据库引擎
SESSION_ENGINE = 'django.contrib.sessions.backends.db'

# 设置会话过期时间（可选）
SESSION_COOKIE_AGE = 86400  # 会话过期时间为一天（单位为秒）

// 在Vue组件中的请求方法
methods: {
  fetchData() {
    const token = localStorage.getItem('token');
    axios.get('/api/data', {
      headers: {
        'Authorization': `Token ${token}`
      }
    })
    .then(response => {
      // 处理响应数据
    })
    .catch(error => {
      // 处理请求失败的情况
    });
  }
}