Angular向Django后端发起注册请求时出现两次POST请求问题

从你提供的日志来看，先拆解几个关键信息：

• OPTIONS请求是浏览器的CORS预检请求，这是跨域请求的正常前置检查，返回200说明你的CORS基础配置没问题；
• 两次POST请求，第一次返回500错误、第二次返回201成功——这大概率是第一次请求失败后，前端或服务器触发了重试，才导致的重复提交。

下面分方向帮你排查和解决：

1. 先抓准第一次POST返回500的具体原因 #

这是核心突破口，重复请求往往是「失败重试」引发的。你需要查看Django的错误日志（不是access访问日志）：

• 本地开发时，Django会直接在控制台输出错误堆栈；
• 部署到Ubuntu服务器后，错误日志通常在/var/log/django/或者你自定义的日志路径里。

常见的500错误原因包括：

• CSRF Token缺失/不匹配：Angular没正确携带Django要求的CSRF Token；
• 表单字段验证失败：比如注册信息缺必填项、格式不符合要求；
• 数据库操作错误：比如用户名重复、数据库连接异常。

2. 检查Angular端是否重复触发了请求 #

本地测试出现重复请求，前端代码的重复调用是高频原因，比如：

• 按钮绑定重复：模板里的注册按钮不小心写了两个(click)事件，比如<button (click)="register()" (click)="submitForm()">；
• 生命周期钩子重复调用：比如在ngOnInit和按钮点击事件里都调用了注册方法；
• RxJS订阅重复：如果注册请求用了Observable，不小心订阅了两次（比如同时用了async管道和手动subscribe()）。

修复示例： #

如果是订阅重复的问题，用take(1)确保请求只执行一次：

this.authService.register(formData)
  .pipe(take(1)) // 限制只订阅一次，避免重复触发请求
  .subscribe({
    next: (res) => console.log('注册成功'),
    error: (err) => console.error('注册失败', err)
  });

如果是按钮绑定重复，直接删掉多余的(click)绑定即可。

3. 检查CORS和CSRF配置是否完整 #

即使OPTIONS请求返回200，也可能因为头信息配置不全导致浏览器重试：

• Django端：确保corsheaders中间件配置了ACCESS_CONTROL_ALLOW_HEADERS包含X-CSRFToken，并且ACCESS_CONTROL_ALLOW_CREDENTIALS = True（如果需要携带Cookie的话）；
• Angular端：添加HTTP拦截器，自动从Cookie中获取csrftoken并设置到请求头：

import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler } from '@angular/common/http';

@Injectable()
export class CsrfInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler) {
    const csrfToken = document.cookie.match(/csrftoken=([^;]+)/)?.[1];
    if (csrfToken) {
      req = req.clone({
        headers: req.headers.set('X-CSRFToken', csrfToken)
      });
    }
    return next.handle(req);
  }
}

4. 部署到uWSGI+Nginx服务器后的额外检查 #

服务器端配置也可能导致重复请求：

• Nginx的重试配置：检查Nginx配置文件中是否有proxy_next_upstream error timeout这类配置——如果第一次POST返回500，Nginx会自动重试请求，导致后端收到两次POST。建议去掉或调整这个配置，避免自动重试；
• uWSGI的错误重试：查看uWSGI配置中的retry-on-error、max-requests等参数，确保没有开启错误自动重试机制。

优先从第一步的500错误原因入手，解决了第一次请求的失败问题，重复POST的情况大概率会消失。

内容的提问来源于stack exchange，提问作者gyuaisdfaasf