嘿,大家好,我一直在尝试使用 django set_cookie
解决问题,我在浏览器中找不到 cookie,它不起作用,但可以与 postman 一起使用。我浏览了一些 SO 答案,发现我必须在前端提供 withCredentials:true
并且我已经这样做了,但它仍然不起作用。这是我的代码,有人可以告诉我其中的错误吗?
我想在登录时设置 cookie,目前我将 token 存储在本地存储中,但我发现这不是一个安全的选择。
def post(self, request, format=None):
data = request.data
response = Response()
username = data.get('username', None)
password = data.get('password', None)
user = authenticate(username=username, password=password)
if user is not None:
if user.is_active:
data = get_tokens_for_user(user)
response.set_cookie(
key = settings.SIMPLE_JWT['AUTH_COOKIE'],
value = data["access"],
expires = settings.SIMPLE_JWT['ACCESS_TOKEN_LIFETIME'],
secure = settings.SIMPLE_JWT['AUTH_COOKIE_SECURE'],
httponly = settings.SIMPLE_JWT['AUTH_COOKIE_HTTP_ONLY'],
samesite = settings.SIMPLE_JWT['AUTH_COOKIE_SAMESITE']
)
csrf.get_token(request)
response.data = {"Response": "Login Successful", "data":data,}
return response
else:
return Response({"error": "User is not active"}, status=status.HTTP_404_NOT_FOUND)
else:
return Response({"error": "Invalid credentials"}, status=status.HTTP_404_NOT_FOUND)
react 前端
const handleSubmit = (e) => {
e.preventDefault();
axiosInstance
.post(url, {
username: formData.username,
password: formData.password,
})
// .then((res) => {
// localStorage.setItem('access_token', res.data.access);
// localStorage.setItem('refresh_token', res.data.refresh);
// })
.then(()=> {
history.push('/');
window.location.reload();
})
};
axios实例
const axiosInstance = axios.create({
baseURL: baseURL,
timeout: 5000,
headers: {
// Authorization: localStorage.getItem('access_token')
// ? 'JWT ' + localStorage.getItem('access_token')
// : null,
'Content-Type': 'application/json',
accept: 'application/json',
},
withCredentials: true
});
谢谢。
最佳答案
将后端和前端设置在同一IP下。前任。后端是
localhost:8000
py manage.py runserver localhost:8000
前端是(默认):
localhost:3000
不同端口相同的IP。
关于reactjs - Django REST 和 React - JWT Cookie 未在浏览器中设置,但与 postman 一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66390562/