#討論 django + React，CSRF 問題
東吳大學
如題
前端在localhost，是http://localhost:3000
後端在aws ec2上，是
http://<ipv4 address>:8000
- 問題：
在前端發送 POST requests 到後端的時候，如果啟用 django 的 CSRF Middleware
django 就會報error：Forbidden 403 (CSRF cookie not set.)
但是如果不開CSRF Middleware就可以正常運作。
為了資料的安全性，我還是打算開 CSRF（當然最後如果還是無解那我也沒辦法⋯⋯）
- 目前嘗試手段：
▪後端django settings.py：
▍CORS_ALLOWED_ORIGINS = ["http://localhost:3000",
f"http://{HOST_AWS_EC2}"]
▍CORS_ALLOW_CREDENTIALS = True
▍CSRF_TRUSTED_ORIGINS = ["http://localhost:3000",
'<ec2 ip address>']
▍ALLOWED_HOSTS = [
'localhost',
'<ec2 ip address>'
]
▍CSRF_COOKIE_NAME = "csrftoken"
▍CSRF_COOKIE_SAMESITE = "None" #開發環境設置為none
▍CSRF_COOKIE_SECURE = False
▍CSRF_COOKIE_HTTPONLY = False
▍CORS_ALLOW_HEADERS = [
"content-type",
"X-CSRFToken",
]
⋯
後端api的部分也已經加了getCSRFtoken的api
前端也有在首頁就先打getCSRFtoken這支api，確認在storage→cookie，有一個後端域名的csrftoken
但就是在post requests的時候，
document.cookie是空的。
getCookie()拿不到document.cookie
於是header沒有帶到cookie
所以 POST requests的CSRFToken=null
最後被django擋下來
ps.但同時，我確定application>storage>cookie裡面有域名來自後端的csrftoken
以下是前端的code：
