- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
为了解释我的情况,如果我从后端登录,csrf cookie 设置在 cookie 选项卡中,问题出现在前端,如果我尝试从那里登录,csrf cookie 不在请求 header 中(未定义),一些提供的代码:
设置.py:
ALLOWED_HOSTS = ['*']
ACCESS_CONTROL_ALLOW_ORIGIN = '*'
CORS_ORIGIN_ALLOW_ALL = True
CORS_ALLOW_CREDENTIALS = True
ACCESS_CONTROL_ALLOW_CREDENTIALS = True
ACCESS_CONTROL_ALLOW_METHODS = '*'
ACCESS_CONTROL_ALLOW_HEADERS = '*'
'''
SESSION_COOKIE_SECURE = True
'''
CSRF_COOKIE_SAMESITE = 'None'
SESSION_COOKIE_SAMESITE = 'None'
CSRF_TRUSTED_ORIGINS = [ "http://127.0.0.1:3000",'http://127.0.0.1:8000','http://localhost:3000']
将 SAMESITE 协议(protocol)设置为其他任何内容都没有任何改变
在 views.py 中,我们有登录 View (基于类):
class LoginView(views.APIView):
permission_classes = [AllowAny,]
serializer_class = serializer.LoginSerializer
def post(self,request):
data = serializer.LoginSerializer(data=request.data)
print(data.is_valid())
if data.is_valid():
email = data.data['email']
password = data.data['password']
auth = authenticate(username=email,password=password)
if auth:
login(request,auth)
return HttpResponse("Success",status=200)
else:
print(password == "")
if email == "" and password =="":
return HttpResponse('Both email and password field are empty',status=400)
elif email == "":
return HttpResponse('Email field is empty',status=400)
elif password == "":
return HttpResponse('Passowrd field is empty',status = 400)
else:
return HttpResponse("Both email and password fields are empty",status=400)
在 serializer.py 中,我们得到了登录序列化器:
class LoginSerializer(serializers.Serializer):
email = serializers.CharField(required=False)
password = serializers.CharField(required=False,allow_null=True,allow_blank=True)
在 react (前端)中,这是我发出帖子请求的方式:
function Login(){
const [login,setLogin] = useState({'email':'','password':''})
const {email,password} = login
const navigate = useNavigate()
let handleChange = (e)=>{
setLogin(
{
...login,
[e.target.name]:e.target.value
}
)
}
let handleSubmit = (e)=>{
e.preventDefault()
axios.post('http://127.0.0.1:8000/login/',login,{headers: {'Content-Type': 'application/json','X-CSRFToken':Cookies.get('csrftoken')}}).then(
(res)=>{
console.log(res)
console.log(Cookies.get('csrftoken')) //undefined here
}
).catch((e)=>{
console.log(e)
}
})
}
}
顺便说一句,这是代码的一部分 ^。
编辑:我也有一个 csrf View ,不知道如何使用它:
class GetCSRFToken(views.APIView):
permission_classes = [AllowAny, ]
def get(self, request, format=None):
return Response({ 'success': 'CSRF cookie set' })
欢迎任何帮助。
最佳答案
我建议您尝试使用 HTTPS 来处理您的两台服务器。一些帮助: Django
对于 ReactJS,只需使用生成的与在 Django 中使用的证书相同的证书,通过下一个命令调整服务器:
HTTPS=true SSL_CRT_FILE=path/server.crt SSL_KEY_FILE=path/server.key npm start
这是为了更改您的设置:
CSRF_COOKIE_PATH = '/'
CSRF_COOKIE_SAMESITE = 'Strict'
CSRF_COOKIE_SECURE = True
CSRF_TRUSTED_ORIGINS = [ "https://127.0.0.1:3000", ...]
但并非完全必要。
现在,您的 View GetCSRFToken
不正确,因为返回了一条消息。这是我已经实现的一个例子。关键是装饰者ensure_csrf_cookie
Views.py:
from django.utils.decorators import method_decorator
from django.views.decorators.csrf import ensure_csrf_cookie
class CsrfTokenView(APIView):
"""Send to the login interface the token CSRF as a cookie."""
@method_decorator(ensure_csrf_cookie)
def get(self, request, *args, **kwargs) -> Response:
"""Return a empty response with the token CSRF.
Returns
-------
Response
The response with the token CSRF as a cookie.
"""
return Response(status=status.HTTP_204_NO_CONTENT)
在 ReactJS 中,只需编写一个具有空依赖项的 useEffect
即可在挂载组件后立即执行请求。
useEffect(() => {
axios.get('/url/csrf-token/', {
headers: { 'Authorization': null },
withCredentials: true,
}
).catch( () => {
alert('Error message.');
});
}, []);
此时,您将能够在“开发者工具”中查看 cookie。最后,在您的登录 View 中添加 csrf_protect post
方法的装饰器,以确保端点需要 CSRF_TOKEN。
Views.py:
from django.utils.decorators import method_decorator
from django.views.decorators.csrf import csrf_protect, ensure_csrf_cookie
...
class LoginView(views.APIView):
...
@method_decorator(csrf_protect)
def post(self,request):
# code
不要忘记映射csrf View 的url并将正确的放入请求中(useEffect
)。
同样在您的登录请求中,添加 withCredentials: true
。通过这种方式,请求发送了 cookies (CSRF)。 Django 将比较 header X-CSRFToken
与接收到的 cookie 的值,如果匹配,它将执行方法体。
我想就是这样。让我知道它是否有效。
关于javascript - Django 和 React : csrf cookie is not being set in request header,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/72449195/
我对 Python-Django 和 web 开发还很陌生,我被困在这个使用 POST 创建新资源的特殊问题上。 我正在为 REST API 使用 Django REST 框架,我正在尝试创建一个新资
我已经使用 Django-storages 成功地将 Word 文档存储到 S3。 class Document(TitleSlugDescriptionModel, TimeStampedModel
我有 2 个关于模型代理的问题, 如何从模型对象创建代理对象? 如何从模型查询集创建代理查询集? 例如,假设我们定义了: from django.contrib.auth.models import
我想编写一个直接执行 HTTP 请求的单元测试(而不是使用 django.test.client.Client)。 如果您好奇为什么 - 那是因为我想测试我从 Django 应用程序公开的 Thrif
我为我的个人网站启动了一个 django 项目来学习 django。到目前为止,我已经将我的开发环境设置为我需要的一切,并遵循 this很棒的教程来创建一些基本的数据结构和模板。现在我想开始使用我之前
我已经阅读了很多关于如何在使用 Django 注册时添加额外字段的信息,例如 here 、 here 和 here 。代码片段是: forms.py(来自注册应用程序) class Registrat
我正在编写小型社交应用程序。功能之一是在网站标题中写入用户名。因此,例如,如果我登录并且我的名字是Oleg(用户名),那么我应该看到: Hello, Oleg | Click to edit prof
我有一个使用 Django 和 Django Rest 框架开发的应用程序。我想将 django-reversion 功能添加到我的应用程序中。 我已经尝试过http://django-reversi
我有一个简单的 HTML 表单,我没有使用 Django 表单,但现在我想添加一个选择。 选择最容易创建为 Django ChoiceField (与通过循环等手动创建选择相反),但是,如果没有在 D
我不明白为什么人们以两种方式编写外键,这样做的目的是什么?它们是相同还是不同? 我注意到有些人这样写: author = models.ForeignKey(Author, on_delete=mod
我想在我的 Django 应用程序中获取评论最多的十个帖子,但我做不到,因为我想不出合适的方法。 我目前正在使用 django 评论框架,并且我已经看到使用 aggregate or annotate
这对于 Django 1.2 仍然有效吗? Custom Filter in Django Admin on Django 1.3 or below 我已经尝试过,但管理类中的 list_filter
问题在于,当 django-compressor 编译为 .js 文件的 CoffeeScript 文件中引用 {{ STATIC_URL }} 时,它无法正确加载。 在我的 django 模板中,我
我正在尝试将一些字段从一个 django 模型移动到一个新模型。假设我有一个书籍模型: class Book(models.Model): title = models.CharField(max
我想在我的 Django 应用程序中获取评论最多的十个帖子,但我做不到,因为我想不出合适的方法。 我目前正在使用 django 评论框架,并且我已经看到使用 aggregate or annotate
目前我正在寻找在 Django 中实现访问控制。我已经阅读了有关内置权限的内容,但它并不关心每个对象的基础。例如,我想要“只有创建者可以删除自己的项目”之类的权限。所以我读到了 django-guar
嗨,我正在将我的 Django 模型的一个字段的值设置为其他模型的另一个字段的值。这个值应该是动态变化的。 这是我的第一个模型 class MainModel(AbstractBaseUser, Pe
我正在尝试为我的模型创建一个编辑表单。我没有使用模型表单,因为根据模型类型,用户可以使用不同的表单。 (例如,其中一个表单有 Tinymce 小部件,而另一个没有。) 有没有什么方法可以使用模型设置表
Django 模板中的搜索字段 如何在类似于此图像的 Django 模板中创建搜索字段 http://asciicasts.com/system/photos/1204/original/E354I0
根据 Django documentation ,如果 Django 安装激活了 AuthenticationMiddleware,HttpRequest 对象有一个“user”属性代表当前登录的用户
我是一名优秀的程序员,十分优秀!