vue前端和django后端在处理请求方面的问题

我在Django后端处理前端发来的请求没有处理了OPTIONS请求只处理POST请求 可是在提交表单的时候 我发现django后端同时接受了两个请求 如下图
先发送了OPTIONS才发送POST导致POST请求没有被处理！怎么办！

img

这是由于浏览器发送了一个 CORS 预检请求（OPTIONS 请求），以确定是否允许 POST 请求。要解决此问题，您需要在 Django 后端添加一些 CORS 设置以允许跨域请求。您可以尝试使用现有的 Django 库，例如 django-cors-headers。

django-cors-headers 是一个Django第三方包，可以轻松地为您的Django应用程序添加CORS头。它提供了一个中间件，可以添加CORS标头以允许跨域请求。

您可以使用以下步骤安装 django-cors-headers：

  1. 通过 pip 安装 django-cors-headers：
pip install django-cors-headers
  1. 在您的 Django 项目的 settings.py 文件中添加以下内容来启用 django-cors-headers：
INSTALLED_APPS = [
    # ...
    'corsheaders',
    # ...
]

MIDDLEWARE = [
    # ...
    'corsheaders.middleware.CorsMiddleware',
    'django.middleware.common.CommonMiddleware',
    # ...
]

CORS_ALLOWED_ORIGINS = [
    # 添加您允许跨域请求的域名
    '<http://localhost:8080>',
    '<http://127.0.0.1:8080>',
]

CORS_ALLOW_METHODS = [
    'DELETE',
    'GET',
    'OPTIONS',
    'PATCH',
    'POST',
    'PUT',
]

CORS_ALLOW_HEADERS = [
    'accept',
    'accept-encoding',
    'authorization',
    'content-type',
    'dnt',
    'origin',
    'user-agent',
    'x-csrftoken',
    'x-requested-with',
]
  1. 重新启动您的 Django 项目，并尝试提交表单，看看是否成功处理了 POST 请求。

请注意，这只是一种解决方法。如果您的应用程序需要更严格的安全性设置，请考虑使用其他安全措施，如 CSRF 保护。