1. 程式人生 > 程式設計 >Django前後端分離csrf token獲取方式

Django前後端分離csrf token獲取方式

需求

一般Django開發為了保障避免 csrf 的攻擊,如果使用Django的模板渲染頁面,那麼則可以在請求中渲染設定一個csrftoken的cookie資料,但是如果需要前後端分離,不適用Django的模板渲染功能,怎麼來動態獲取 csrftoken 呢?

Django 通過 request 請求獲取 csfttoken 的方法

from django.middleware.csrf import get_token
 
def getToken(request):
  token=get_token(request)
  return HttpResponse(json.dumps({'token':token}),content_type="application/json,charset=utf-8")

使用這種方式的確可以獲取csrftoken的資料,下面來寫個示例來演示一下。

Django 後端獲取 csrftoken 示例

在檢視 views.py 設定 getToken 方法

from django.middleware.csrf import get_token
 
# 獲取cstftoken
def getToken(request):
  token = get_token(request)
  return HttpResponse(json.dumps({'token': token}),charset=utf-8")

urls.py 配置URL

from django.urls import path,re_path
 
from . import views
 
urlpatterns = [
 
  # ex:/assetinfo/getToken
  path('getToken',views.getToken,name='getToken'),...
]

使用 postman 測試介面,獲取 csrftoken

Django前後端分離csrf token獲取方式

現在是完成了基本功能了,能否動態獲取 csrftoken,但是還有一個跨域問題,假如跨域後就無法獲取 csrftoken 了。

我嘗試過在Django中設定跨域返回的方式,但是這是不行的,因為不同的域名使用 csrftoken 就基本失去了原來的防止 csrf 攻擊的意義。

最好的方式是使用 nginx 做本機的代理,分別反向代理前端、後端的服務,然後統一提供一個域名使用,即可使用 csrftoken 了。

在 postman 設定使用 csrftoken

當想要在 postman 中使用 csrftoken,那麼只需要將獲取的 csrftoken 值設定到 Headers 中即可,如下:

Django前後端分離csrf token獲取方式

{"X-CSRFToken":"K6q7uqt9J8UocELWR04pw2DKd8T2LRNWjf2uQvsFBWm87Q1lJZQV1vj3pR8REzCR"}

如果不設定,那麼則會出現 403拒絕報錯 如下:

Django前後端分離csrf token獲取方式

到此這篇關於Django前後端分離csrf token獲取方式的文章就介紹到這了,更多相關Django csrf token獲取內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!