nginxでAccess-Control-Allow-Originを設定しているのにcorsエラーが発生する

前提・実現したいこと

フロントとバックエンドでサーバーを分けて開発をしています
・フロント：　React、Next
・バック：　Django、Nginx、AWS
awsはロードバランサーを挟んでアプリケーションサーバーに通信を送っていてロードバランサーとの通信はssl化しています

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

ブラウザのコンソールのエラーメッセージ

project-tyoitasi-front.vercel.app/:1 Access to fetch at 'https://hoge.com/api/v1/token-refresh/' from origin 'https://project-tyoitasi-front.vercel.app' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

該当のソースコード

Nginx
1server {
2        listen 80;
3        server_name hoge.com;
4        location = /favicon.ico {access_log off; log_not_found off;}
5        location /static/ {
6                root /home/ubuntu/project-tyoitasi-2;
7        }
8        location / {
9                include proxy_params;
10                proxy_pass http://unix:/home/ubuntu/project-tyoitasi-2/config.sock;
11                add_header Access-Control-Allow-Origin "https://project-tyoitasi-front.vercel.app";
12                add_header Access-Control-Allow-Headers "Origin, Authorization, Accept, Content-Type";
13                add_header Access-Control-Allow-Methods "POST, GET, OPTIONS";
14                add_header Access-Control-Allow-Credentials true;
15        }
16}