[英]Forbidden (CSRF cookie not set.) with React and axios
我一直在React中使用一个登录组件,该组件可以将用户名和密码信息发送到django主机127.0.0.1:8000/api-auth/login/,当我尝试发送时,django服务器显示此消息“ Forbidden (未设置CSRF cookie。):/ api-auth / login /“
我曾尝试在我的应用程序设置中检查django cors选项,但没有任何效果,我也尝试发送一些标头以及发布请求。
这是我的cors设定
CORS_ALLOW_CREDENTIALS = True
CORS_ORIGIN_WHITELIST = (
'http://localhost:3000',
)
CORS_ALLOW_HEADERS = (
'csrftoken',
'content-type',
'X-CSRFTOKEN'
)
CSRF_COOKIE_NAME = "csrftoken"
CSRF_HEADER_NAME = 'X-CSRFTOKEN'
这是我的要求
handleSubmit = event =>{
var csrfCookie = Cookies.get('csrftoken');
console.log('csrf cookie: ', csrfCookie); // set to undefined
axios.defaults.xsrfHeaderName = "X-CSRFTOKEN";
axios.defaults.xsrfCookieName = "csrftoken";
axios.defaults.withCredentials = true;
axios
.post( 'http://127.0.0.1:8000/api-auth/login/', {
username : this.state.username,
password : this.state.password
},{
headers: {"csrftoken": csrfCookie},
})
.then(res => console.log('Results: ' + res))
.catch(err => console.log('Login error: ' + err))
}
注意 :我的任何视图都没有@csrf_exempt
请在您的设置文件中添加CSRF_COOKIE_SECURE = True
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.