Django-cors-headers 不适用于 Django 和 Vue

问：

当我尝试从前端访问我的 Django rest 框架时，我收到此错误并且数据没有传递

在此处输入图像描述

我尝试使用 django-cors-headers 和我在网上可以找到的所有设置;绝对没有任何效果。

这是我的 settings.py 文件中的设置（目前已注释掉）

在此处输入图像描述

在此处输入图像描述

我还尝试使用我在 stack overflow 上找到的自定义中间件。

在此处输入图像描述

我没有尝试同时使用自定义中间件和 django-cors-headers。

我一定至少花了一天时间在这种胡说八道上。我真的很感激一个可行的解决方案，或者至少是一个解决方法！

PS：我正在按照本教程进行操作 https://www.youtube.com/watch?v=7GWKv03Osek&t=189s 他没有和我一样的问题。