欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Vue + Django2.0.6 学习笔记 7.6 vue和jwt接口调试

程序员文章站 2022-07-14 22:32:53
...

通过前端登录组件来获取后台的用户信息:

先将后端路由改成:

path('login/', obtain_jwt_token),

因为前端是请求这个路径:

//登录
export const login = params => {
  return axios.post(`${local_host}/login/`, params)
}

通过浏览器插件vue的vuex我们可以看到返回的token

Vue + Django2.0.6 学习笔记 7.6 vue和jwt接口调试

但是默认的django登录是用户名 所以我们需要自定义登录认证

settings.py:
AUTHENTICATION_BACKENDS = (
    'users.views.CustomBackend',
)

users/views/

from django.contrib.auth.backends import ModelBackend
from django.contrib.auth import get_user_model
from django.db.models import Q

User = get_user_model()


class CustomBackend(ModelBackend):
    def authenticate(self, request, username=None, password=None, **kwargs):
        try:
            user = User.objects.get(Q(username = username) | Q(mobile = username))
            if user.check_password(password):
                return user
        except Exception as e:
            return None

可以打断点然后重新登陆看有没有效果

关于JWT的两个常用设置:

import datetime
JWT_AUTH = {
# 设置 token的过期时间
    'JWT_EXPIRATION_DELTA': datetime.timedelta(days=7),
# 设置 token认证的头的名称 默认JWT
    'JWT_AUTH_HEADER_PREFIX': 'JWT',
}

其他设置可参考官方文档

http://getblimp.github.io/django-rest-framework-jwt/

完结