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
但是默认的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/
完结
上一篇: Python基础第六天
下一篇: ES学习之搜索API(一)