首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

怎么在Django中实现jwt认证

作者：Jason子宣_805 | 来源：互联网 | 2023-06-30 18:50
本篇文章为大家展示了怎么在Django中实现jwt认证，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。一、

本篇文章为大家展示了怎么在Django中实现jwt认证，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

一、 jwt 安装和配置

安装

虚拟环境下执行以下命令

pip install djangorestframework-jwt

配置

总路由配置
from django.contrib import admin
from django.urls import path,include

urlpatterns = [
    path(&＃39;admin/&＃39;, admin.site.urls),
    path(&＃39;users/&＃39;,include(&＃39;users.urls&＃39;)),
]
分路由配置

renranapi/apps/users/urls.py

注： obtain_jwt_token:验证用户名密码是否有效，生产token 值，post 方法 -- user应用下 ser 表中去查询，dev.py:user.User

from django.urls import path
from rest_framework_jwt.views import obtain_jwt_token

urlpatterns=[
	path(&＃39;login/&＃39;,obtain_jwt_token)
]
postman 测试

怎么在Django中实现jwt认证

怎么在Django中实现jwt认证

前端

配置登录按钮

login.vue

line32 加上 click 动作


      
      登录
    

line56 前端请求后端数据库

line 16-25
 
        
        
      

    

    
      
      
    
settings.js
export default {
    # 将原来 127.0.0.1：8000 什么的改成新的url 地址
  &＃39;host&＃39;: &＃39;http://api.renran.com:8000&＃39;,
}
登录测试
密码错误时：
怎么在Django中实现jwt认证
密码正确时：
怎么在Django中实现jwt认证
remember me 认证
对于浏览器来说，如果不保存密码则返回 sessionstorage；保存密码的话返回 localstorage，如图
怎么在Django中实现jwt认证
login.vue line28
 
      记住我
    
line59
data(){
          return {
            username:&＃39;&＃39;,
            password:&＃39;&＃39;,
            remember_me:false,
          }
      },
      methods:{
          loginHandler(){
            this.$axios.post( `${this.$settings.host}/users/login/`,{
              username:this.username,
              password:this.password,
            }).then((res)=>{
              console.log(res);
              if (this.remember_me){
                localStorage.token = rens.data.token;
                //sessionStorage.clear() 清除所有的网站的 sessionstorage
                sessionStorage.removeItem(`token`);

              }else {
                sessionStorage.token = res.data.token;
                localStorage.removeItem(`token`);
              }

            }).catch((error)=>{
              console.log(error);
            })
          },
      }
登录后确定框
element-ui网站下载：element.eleme.cn/#/zh-CN/com…
// 登录成功后跳转到首页
        this.$confirm(&＃39;登录成功, 是否继续?&＃39;, &＃39;提示&＃39;, {
          confirmButtonText: &＃39;确定&＃39;,
          cancelButtonText: &＃39;取消&＃39;,
          type: &＃39;warning&＃39;
        }).then(() => {
         this.$router.push(&＃39;/&＃39;);
        }).catch(() => {
          this.$message({
            type: &＃39;?&＃39;,
            message: &＃39;不登录?&＃39;
          });
        });

            }).catch((error)=>{
              this.$message({
                type:&＃39;error&＃39;,
                message:&＃39;用户名或密码错误&＃39;
                })
            })
          },
      }
上述内容就是怎么在Django中实现jwt认证，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注编程笔记行业资讯频道。
                    

        
        
    


    

        
    




    

    

        
推荐阅读

        

            
        

    




















    


    

        

            
            

                
                author-avatar
            


            

                Jason子宣_805            


            

                这个家伙很懒，什么也没留下！            



        

    


    

    

    
    

    

        
Tags | 热门标签

        

            
        

    


    
    

        

            

            

        

        
RankList | 热门文章

        

            
        

    

    

    





    PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具  | 在线工具

    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved  |   京公网安备 11010802041100号  |  京ICP备19059560号-4 | PHP1.CN 第一PHP社区      版权所有