reactjs - Django REST 和 React - JWT Cookie 未在浏览器中设置但与邮递员一起使用
问题描述
嘿伙计们,我一直在尝试用 django 解决问题set_cookie
,我在浏览器中找不到 cookie,它不起作用,但可以与邮递员一起使用。我浏览了一些 SO 答案,发现我必须withCredentials:true
在前端提供并且我已经做到了,但它仍然不起作用。这是我的代码,有人可以告诉我其中的错误吗?
我想在登录时设置 cookie,到目前为止,我将令牌存储在本地存储中,我知道这不是一个安全的选择。
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)
反应前端
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();
})
};
axiosInstance
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下。前任。后端是
本地主机:8000
py manage.py runserver localhost:8000
前端是(默认情况下):
本地主机:3000
不同的端口相同的IP。