av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

Django 實現jwt認證的示例

瀏覽:8日期:2024-09-08 15:53:55
一、 jwt 安裝和配置安裝

虛擬環境下執行以下命令

pip install djangorestframework-jwt配置總路由配置

from django.contrib import adminfrom django.urls import path,includeurlpatterns = [ path(’admin/’, admin.site.urls), path(’users/’,include(’users.urls’)),]分路由配置

renranapi/apps/users/urls.py

注: obtain_jwt_token:驗證用戶名密碼是否有效,生產token 值,post 方法 -- user應用下 ser 表中去查詢,dev.py:user.User

from django.urls import pathfrom rest_framework_jwt.views import obtain_jwt_tokenurlpatterns=[path(’login/’,obtain_jwt_token)]postman 測試

Django 實現jwt認證的示例

Django 實現jwt認證的示例

前端配置登錄按鈕

login.vue

line32 加上 click 動作

<button @click='loginHandler' type='button'> <span id='sign-in-loading'></span> 登錄 </button>

line56 前端請求后端數據庫

<script> export default {name: 'Login', data(){ return { username:’’, password:’’, } }, methods:{ loginHandler(){ this.$axios.post( `${this.$settings.host}/users/login/`,{ username:this.username, password:this.password, }).then((res)=>{ console.log(res); }).catch((error)=>{ console.log(error); }) }, } }</script>

line 16-25

<div class='input-prepend restyle js-normal'><input v-model='username' placeholder='手機號或郵箱' type='text' name='session[email_or_mobile_number]' id='session_email_or_mobile_number'><i class='iconfont ic-user'></i> </div> <!-- 海外登錄登錄名輸入框 --> <div class='input-prepend'> <input v-model='password' placeholder='密碼' type='password' name='password' id='session_password'> <i class='iconfont ic-password'></i> </div>

settings.js

export default { # 將原來 127.0.0.1:8000 什么的改成新的url 地址 ’host’: ’http://api.renran.com:8000’,}

登錄測試密碼錯誤時:

Django 實現jwt認證的示例

密碼正確時:

Django 實現jwt認證的示例

remember me 認證

對于瀏覽器來說,如果不保存密碼則返回 sessionstorage;保存密碼的話返回 localstorage,如圖

Django 實現jwt認證的示例

login.vue line28

<div class='remember-btn'> <input type='checkbox' v-model='remember_me'name='remember_me' id='session_remember_me'><span>記住我</span> </div>

line59

data(){ return { username:’’, password:’’, 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() 清除所有的網站的 sessionstoragesessionStorage.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(’登錄成功, 是否繼續?’, ’提示’, { confirmButtonText: ’確定’, cancelButtonText: ’取消’, type: ’warning’}).then(() => { this.$router.push(’/’);}).catch(() => { this.$message({ type: ’?’, message: ’不登錄?’ });}); }).catch((error)=>{ this.$message({type:’error’,message:’用戶名或密碼錯誤’}) }) }, }

以上就是Django 實現jwt 認證的示例的詳細內容,更多關于Django 實現jwt 認證的資料請關注好吧啦網其它相關文章!

標簽: Django
相關文章:
主站蜘蛛池模板: 国产精品美女久久久久久免费 | 精品视频在线观看 | 欧美日韩一区二区三区在线观看 | 日韩成人在线免费观看 | aa级毛片毛片免费观看久 | 黄色毛片在线观看 | 亚洲一区二区三区欧美 | 你懂的在线视频播放 | 精品欧美一区二区精品久久久 | 乱码av午夜噜噜噜噜动漫 | 精品av | 久久高清 | 91精品国产一区 | 亚洲精品日韩欧美 | 91大神在线看 | 午夜国产一级片 | 在线观看视频一区 | 久久久综合久久 | 大乳boobs巨大吃奶挤奶 | 欧美日韩网站 | 免费视频99 | 在线欧美激情 | 91在线播| 欧美福利 | 亚洲一区二区三区免费在线观看 | 99视频网站| 日韩成人在线播放 | 国产一级黄色网 | 国产黄色网址在线观看 | 亚洲日本欧美日韩高观看 | 国产一区影院 | 国产精品欧美一区二区三区不卡 | 国产激情偷乱视频一区二区三区 | 精品一区在线看 | 国产一级视频在线播放 | 精品国产青草久久久久福利 | 国产成人一区二区三区 | 国产二区在线播放 | 亚洲精品国产综合区久久久久久久 | 日本精品裸体写真集在线观看 | 久久精品亚洲精品国产欧美 |