Как проверить работоспособность токена csrf в браузере при использовании django и react
Заранее извиняюсь, если вопрос скорее для новичков, но я создал приложение с django backend и react frontend, теперь я пытаюсь реализовать csrf токен для post запроса на конечной точке create с кодами ниже.
getCookie.js
import React from 'react';
const getCookie = (name) => {
let cookieValue = null;
if (document.cookie && document.cookie !== '') {
const cookies = document.cookie.split(';');
for (let i = 0; i < cookies.length; i++) {
const cookie = cookies[i].trim();
// Does this cookie string begin with the name we want?
if (cookie.substring(0, name.length + 1) === (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
break;
}
}
}
return cookieValue;
}
export default getCookie;
CsrfToken.js
import React from 'react';
import getCookie from './getCookie';
var csrftoken = getCookie('csrftoken');
const CSRFToken = () => {
return (
<input type="hidden" name="csrfmiddlewaretoken" value={csrftoken} />
);
};
export default CSRFToken;
Create.js
import React from 'react';
import axios from "axios";
import CsrfToken from './CsrfToken';
const Create = () => {
...
const options = {
headers: {
'Content-Type': 'application/json',
}
};
const handleSubmit = (e) => {
e.preventDefault();
axios.post("http://xyz/create/", fields, options)
.then(response => {
...
};
return (
<>
<div className="somecontainer">
<div className="row">
<div className="col-md">
<Form onSubmit={handleSubmit}>
<CsrfToken /> < ==== CSRF TOKEN COMPONENT
<Form.Group className="sm-3" controlId="username">
<Form.Control
size="lg"
className="submit-button-text"
type="name"
placeholder="Enter username"
value={fields.name}
onChange={handleFieldChange}
/>
</Form.Group>
...
Если предположить, что приведенный выше сценарий верен (пожалуйста, сообщите мне, если это не так) , где в браузере chrome внутри вкладки network я могу проверить, действительно ли включена функция csrf, когда я создаю запрос сообщения?
Я не смог увидеть его здесь:
Если вы используете Chrome: Inspect > Application > Cookies > csrftoken