免费一级毛片在线播放放视频 ,国产视频亚洲精品热,91亚洲精品高清久久久

主頁 > 知識庫 > Django 實(shí)現(xiàn)jwt認(rèn)證的示例

Django 實(shí)現(xiàn)jwt認(rèn)證的示例

一、 jwt 安裝和配置

安裝

虛擬環(huán)境下執(zhí)行以下命令

pip install djangorestframework-jwt

配置

總路由配置

from django.contrib import admin
from django.urls import path,include

urlpatterns = [
    path('admin/', admin.site.urls),
    path('users/',include('users.urls')),
]

分路由配置

renranapi/apps/users/urls.py

注： obtain_jwt_token:驗(yàn)證用戶名密碼是否有效，生產(chǎn)token 值，post 方法 -- user應(yīng)用下 ser 表中去查詢，dev.py:user.User

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

urlpatterns=[
	path('login/',obtain_jwt_token)
]

postman 測試

前端

配置登錄按鈕

line32 加上 click 動作

    button @click="loginHandler" class="sign-in-button" id="sign-in-form-submit-btn" type="button">
      span id="sign-in-loading">/span>
      登錄
    /button>

line56 前端請求后端數(shù)據(jù)庫

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="手機(jī)號或郵箱" 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',
}

登錄測試
密碼錯誤時：

密碼正確時：

remember me 認(rèn)證

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

 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() 清除所有的網(wǎng)站的 sessionstorage
                sessionStorage.removeItem(`token`);

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

            }).catch((error)=>{
              console.log(error);
            })
          },
      }

登錄后確定框

element-ui網(wǎng)站下載：element.eleme.cn/#/zh-CN/com…

// 登錄成功后跳轉(zhuǎn)到首頁
        this.$confirm('登錄成功, 是否繼續(xù)?', '提示', {
          confirmButtonText: '確定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
         this.$router.push('/');
        }).catch(() => {
          this.$message({
            type: '?',
            message: '不登錄?'
          });
        });

            }).catch((error)=>{
              this.$message({
                type:'error',
                message:'用戶名或密碼錯誤'
                })
            })
          },
      }

以上就是Django 實(shí)現(xiàn)jwt 認(rèn)證的示例的詳細(xì)內(nèi)容，更多關(guān)于Django 實(shí)現(xiàn)jwt 認(rèn)證的資料請關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章:

詳解Django配置JWT認(rèn)證方式
Django JWT Token RestfulAPI用戶認(rèn)證詳解
自定義Django_rest_framework_jwt登陸錯誤返回的解決
django使用JWT保存用戶登錄信息
Django如何使用jwt獲取用戶信息
Django項(xiàng)目中使用JWT的實(shí)現(xiàn)代碼
django drf框架中的user驗(yàn)證以及JWT拓展的介紹
Django rest framework jwt的使用方法詳解
微信小程序登錄對接Django后端實(shí)現(xiàn)JWT方式驗(yàn)證登錄詳解
淺談django rest jwt vue 跨域問題

標(biāo)簽：黃山宿遷喀什臺灣濟(jì)南欽州景德鎮(zhèn) 三沙

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《Django 實(shí)現(xiàn)jwt認(rèn)證的示例》，本文關(guān)鍵詞 Django,實(shí)現(xiàn),jwt,認(rèn)證,的,示例,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。