Next.jsとNginx+Django間のcorsの設定が上手くいかない

Question

前提・実現したいこと

現在フロントとバックエンドのサーバーを分けてWebアプリを作成しています
・フロント: Next.js
・バックエンド: Docker + Nginx + Django

そしてこの2つのサーバー間でデータのやり取りがしたいのですが、corsの設定が上手く行きません
uwsgiを使用しているのでそちらの問題かもしれません
よろしくお願いします

発生している問題・エラーメッセージ

Access to fetch at 'http://localhost:8000/dj-rest-auth/registration/verify-email/' from origin 'http://localhost:3000' has been blocked by CORS policy: Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response.

該当のソースコード

export async function AccountConfirm(key: string | string[]) {
  let isSuccess: boolean = false;
  await fetch(
    `${process.env.NEXT_PUBLIC_RESTAPI_URL}dj-rest-auth/registration/verify-email/`,
    {
      method: "POST",
      body: JSON.stringify({ key: key }),
      headers: {
        "Content-Type": "application/json",
      },
      credentials: "include",
    }
  ).then((res) => {
    if (res.ok) {
      isSuccess = true;
    }
  });
  return isSuccess;
}

upstream django {
    ip_hash;
    server python:8080;
}

server {
    listen      8000;
    server_name 127.0.0.1;
    charset     utf-8;

    location /static {
        alias /static;
    }

    location / {
        uwsgi_pass  django;
        include     /etc/nginx/uwsgi_params;

        # CORS start
        proxy_hide_header Access-Control-Allow-Origin;
        add_header Access-Control-Allow-Origin "http://localhost:3000";

        proxy_hide_header Access-Control-Allow-Headers;
        add_header Access-Control-Allow-Headers "Origin, Authorization, Accept";

        proxy_hide_header Access-Control-Allow-Methods;
        add_header Access-Control-Allow-Methods "POST, GET, OPTIONS";

        proxy_hide_header Access-Control-Allow-Credentials;
        add_header Access-Control-Allow-Credentials true;
        # CORS end
    }
}

server_tokens off;

version: "3"

services:
  nginx:
    image: nginx:1.21.1
    ports:
      - "8000:8000"
    volumes:
      - ./nginx/conf:/etc/nginx/conf.d
      - ./nginx/uwsgi_params:/etc/nginx/uwsgi_params
      - ./static:/static
    depends_on:
      - python

  db:
    image: mysql:8.0
    command: mysqld --character-set-server=utf8mb4 --collation-server=utf8mb4_unicode_ci
    ports:
      - "3306:3306"
    environment:
      MYSQL_ROOT_PASSWORD: root
      MYSQL_DATABASE: hoge
      MYSQL_USER: user
      MYSQL_PASSWORD: password
      TZ: "Asia/Tokyo"
    volumes:
      - ./mysql:/var/lib/mysql
      - ./sql:/docker-entrypoint-initdb.d
      - ./sqlcnf:/etc/mysql/conf.d/my.cnf

  python:
    build: ./python
    command: uwsgi --socket :8080 --module config.wsgi --py-autoreload 1 --logto /tmp/mylog.log
    volumes:
      - ./back:/hoge
      - ./static:/static
    expose:
      - "8080"
    depends_on:
      - db

試したこと

エラーコードをコピペして検索してみましたが、出てきた情報はどれもAccess-Control-Allow-Originを追加しろというような情報ばかりで解決には至りませんでした。

補足情報（FW/ツールのバージョンなど）

OS: macOS 10.15.7
Next.js: 11.0.1
nginx: 1.21.1

実際に通信した時のヘッダー

devツールでヘッダーを見てみるとAccess-Control-Allow-Originが追加されていないようです
設定が間違えているんでしょうか？

curlコマンドを叩いてみた結果

❯ curl -i -XOPTIONS -H 'Access-Control-Request-Method: POST' -H Origin:localhost:3000 localhost:8000
HTTP/1.1 200 OK
Server: nginx
Date: Thu, 15 Jul 2021 07:35:46 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 0
Connection: keep-alive
Vary: Origin
Access-Control-Allow-Origin: localhost:3000
Access-Control-Allow-Headers: accept, accept-encoding, authorization, content-type, dnt, origin, user-agent, x-csrftoken, x-requested-with
Access-Control-Allow-Methods: DELETE, GET, OPTIONS, PATCH, POST, PUT
Access-Control-Max-Age: 86400
X-Content-Type-Options: nosniff
Referrer-Policy: same-origin
Access-Control-Allow-Origin: http://localhost
Access-Control-Allow-Headers: Origin, Authorization, Accept, Content-Type
Access-Control-Allow-Methods: POST, GET, OPTIONS
Access-Control-Allow-Credentials: true
Content-Type: text/plain charset=UTF-8
Content-Length: 0

Answer 1

自己解決しました
どうやらNginxとDjangoのcorsheaderの設定が衝突していたようです