Currently, I am facing an issue while using React + Django to make a post request via axios. The problem seems to be arising from csrf verification. Despite trying various solutions found online for similar issues, none of them seem to be effective in resolving the problem.
//Django View
def createUser(request):
username = request.POST['username']
email = request.POST['email']
resp = {
'username' : username,
'email' : email
}
return JsonResponse(resp)
//Axios Post
axios.post('http://localhost:8000/api/createUser/',{
username : 'xyz',
email : '<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5c2425261c3b31...[email protected]</a>'
},
{
headers: {
Content-Type': 'application/json',
}
});
I've attempted to resolve this by adding defaults:
axios.defaults.xsrfHeaderName = "X-CSRFTOKEN";
axios.defaults.xsrfCookieName = "csrftoken";
However, the csrf validation continues to fail. Although I am aware that using @csrf_exempt on the view can bypass this issue, I would prefer to maintain the csrf check.