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

Posted on by

需求

一般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}), content_type="application/json,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

 

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

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

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

在 postman 設置使用 csrftoken

當想要在 postman 中使用 csrftoken，那麼隻需要將獲取的 csrftoken 值設置到 Headers 中即可，如下：

 

{"X-CSRFToken":"K6q7uqt9J8UocELWR04pw2DKd8T2LRNWjf2uQvsFBWm87Q1lJZQV1vj3pR8REzCR"}

如果不設置，那麼則會出現 403拒絕報錯 如下：

 

到此這篇關於Django前後端分離csrf token獲取方式的文章就介紹到這瞭,更多相關Django csrf token獲取內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：