HTTP請求是無狀態的，我們通常會使用cookie或session對其進行狀態保持，cookie存儲在客戶端，容易被用戶誤刪，安全性不高，session存儲在服務端，在服務器集群情況下需要解決session不共享的問題，常用的解決方案有4種：客戶端Cookie保存、服務器間Session同步、使用集群管理Session、把Session持久化到數據庫。

jwt：json web token

在用戶注冊登錄后，記錄用戶登錄狀態，我們可以用cookie和session來做狀態保持，cookie存儲在客戶端，安全性低，session存儲在服務器端，安全性高，但是在分布式架構中session不能同步化，所以我們用jwt來驗證接口安全

組成：頭部 載荷 簽證

Jwt服務端不需要存儲token串，用戶請求時攜帶著經過哈希加密和base64編碼后的字符串過來，服務端通過識別token值判斷用戶信息、過期時間等信息，在使用期間內不可能取消令牌或更改令牌權限。

jwt的安裝與配置

# 安裝 pip install djangorestframework-jwtFrom rest_framework_jwt.authentication import JSONWebTokenAuthenticationSettings.pyINSTALLED_APPS = [ ’’’ ’rest_framework.authtoken’, ’’’]################### 2、配置jwt驗證 ######################REST_FRAMEWORK = { # 身份認證 ’DEFAULT_AUTHENTICATION_CLASSES’: ( ’rest_framework_jwt.authentication.JSONWebTokenAuthentication’, ’rest_framework.authentication.SessionAuthentication’, ’rest_framework.authentication.BasicAuthentication’, ),}import datetimeJWT_AUTH = { ’JWT_AUTH_HEADER_PREFIX’: ’JWT’, ’JWT_EXPIRATION_DELTA’: datetime.timedelta(days=1),}AUTH_USER_MODEL=’app.User’ # 指定使用APP中的 model User進行驗證

在django中，我們用內置的User表做登錄功能

from rest_framework_jwt.views import obtain_jwt_token # 驗證密碼后返回tokenurlpatterns = [ re_path(r’v1/login/$’, obtain_jwt_token,name=’login’), # 用戶登錄后返回token]

前端獲取到token并且setitem

var token = ’JWT ’ + data.tokenlocalStorage.setItem(’token’, token);

在我們封裝的攔截器里有請求攔截器和響應攔截器，需要在每次發起請求的時候獲取token

import Axios from ’axios’import { Toast } from ’vant’;import URLS from ’../../config/urls’ //1、使用自定義配置新建一個 axios 實例const instance = Axios.create({ baseURL: URLS.API_URL, responseType: ’json’,}); //2、添加請求攔截器：每次發送請求就會調用此攔截器，添加認證tokeninstance.interceptors.request.use( config => { //發送請求前添加認證token， console.log(localStorage.getItem(’token’)) config.headers.Authorization = localStorage.getItem(’token’); # 獲取token // config.headers.Authorization = sessionStorage.getItem(’token’) return config }, err => { return Promise.reject(err) }); // 3、響應攔截器instance.interceptors.response.use( response => { if (response.status === 200) { return Promise.resolve(response); } else { return Promise.reject(response); } }, // 服務器狀態碼不是200的情況 error => { if (error.response.status) { switch (error.response.status) {// 401: 未登錄// 未登錄則跳轉登錄頁面，并攜帶當前頁面的路徑// 在登錄成功后返回當前頁面，這一步需要在登錄頁操作。case 401: router.replace({ path: ’/login’, query: { redirect: router.currentRoute.fullPath } }); break;// 403 token過期// 登錄過期對用戶進行提示// 清除本地token和清空vuex中token對象// 跳轉登錄頁面case 403: Toast({ message: ’登錄過期，請重新登錄’, duration: 1000, forbidClick: true }); // 清除token localStorage.removeItem(’token’); store.commit(’loginSuccess’, null); // 跳轉登錄頁面，并將要瀏覽的頁面fullPath傳過去，登錄成功后跳轉需要訪問的頁面 setTimeout(() => { router.replace({ path: ’/login’, query: {redirect: router.currentRoute.fullPath } }); }, 1000); break;// 404請求不存在case 404: Toast({ message: ’網絡請求不存在’, duration: 1500, forbidClick: true }); break;// 其他錯誤，直接拋出錯誤提示default: Toast({ message: error.response.data.message, duration: 1500, forbidClick: true }); } return Promise.reject(error.response); } }); export default instance

這樣即完成了jwt接口安全的認證

那么在python后端如何去獲取jwt并提取我們需要的信息呢？

from rest_framework_jwt.authentication import JSONWebTokenAuthentication from rest_framework.views import exception_handlerfrom rest_framework_jwt.utils import jwt_decode_handler# 獲取登陸的用戶 token = request.META.get(’HTTP_AUTHORIZATION’)[4:] token_user = jwt_decode_handler(token) user_id = token_user[’user_id’] # 獲取用戶id這個方法不用在前端封裝getitem token 或者從前端傳過來token然后獲取.vuevar formdata = { id : this.$route.params.id, // 獲取/id // this.$route.query.subid 獲取?subid=id token: localStorage.getItem(’token’), } postCreate(formdata).then(resp=>{ console.log(resp) alert(resp.mes) }).catch(err=>{ alert(err) console.log(err) }) }python views.pydef post(self,request):　data = request.data # 獲取post方法的數據 # print(data) token = data.get(’token’)[4:] toke_user = jwt_decode_handler(token) user_id = toke_user[’user_id’] def get(self,request):data = request.query_params # 獲取get方法的參數

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持好吧啦網。