该插件接受登录名和密码两个参数(不需要csrf参数),生成两个值。
{
"access":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX3BrIjoxLCJ0b2tlbl90eXBlIjoiYWNjZXNzIiwiY29sZF9zdHVmZiI6IuKYgyIsImV4cCI6MTIzNDU2LCJqdGkiOiJmZDJmOWQ1ZTFhN2M0MmU4OTQ5MzVlMzYyYmNhOGJjYSJ9.NHlztMGER7UADHZJlxNG0WSi22a2KaYSfd1S-AuT7lU",
"refresh":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX3BrIjoxLCJ0b2tlbl90eXBlIjoicmVmcmVzaCIsImNvbGRfc3R1ZmYiOiLimIMiLCJleHAiOjIzNDU2NywianRpIjoiZGUxMmY0ZTY3MDY4NDI3ODg5ZjE1YWMyNzcwZGEwNTEifQ.aEoAYkSJjoWH1boshQAaTkf8G3yn0kapko6HFRt7Rh4"
}
access被称为令牌,正常获得之后需要保存,然后需要的时候把这个参数加到请求头中,这样就可以访问账号下的一切资源,退出账号的原理就是删除这个令牌。
//vue3
const token = 'Bearer'+' '+localStorage.getItem('access');
axios.defaults.headers.common['Authorization'] = token;
const response = await axios.get(url)
access令牌的持续时间很短,默认只有5分钟,
refresh的作用就是重新生成access,refresh的持续时间很长,默认一天。
参考资料