CORSエラーが解決できない状況です

ここに実現したいことを箇条書きで書いてください。

前提

JavaScriptでpdf閲覧ページとその人の個人番号をもう一方のサイトに反映させるシステムを作っています。
閲覧ページと個人番号のデータをもう一方のサイトに表示させる仕組みをpythonで実装中に以下のエラーメッセージが発生しました。

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

Access to fetch at 'https://example.herokuapp.com/' from origin 'example.vercel.app' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: 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.

該当のソースコード

Python

1from http.server import HTTPServer,BaseHTTPRequestHandler 2import numbers 3import sys,json,os 4class MyHandler(BaseHTTPRequestHandler):5def do_OPTIONS(self):6 self.send_response(200,"ok")7 self.send_header('Access-Control-Allow-Origin','*')8 self.send_header('Access-Control-Allow-Methods','*')9 self.send_header('Access-Control-Allow-Headers','*')10 self.end_headers()

試したこと

CORSエラーということでself.send_header('Access-Control-Allow-Origin','example.vercel.app')をself.send_header('Access-Control-Allow-Origin','*')　にしてどのオリジンもaccess許可しようとしたのですが、エラーメッセージは変わりませんでした。

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

Pythonバージョンは3.8.8(herokuでデプロイ)