サーバーを立てずに画像付きツイートがしたい

やりたいこと

フロントエンドのみでtwitterに画像付きツイートをしたいです。

現状

npm install twitter のうえ、以下のようなプログラムを書きましたが、

      const Twitter = require('twitter')
      const config = require('../assets/config.js')
      console.log(config)
      const client = new Twitter({
        consumer_key: config.consumer_key,
        consumer_secret: config.consumer_secret,
        access_token_key: config.access_token_key,
        access_token_secret: config.access_token_secret
      })
      client.options.request_options.headers['Access-Control-Allow-Origin'] = '*' //追加
      console.log(client)
      const message = 'Message!';
      (async () => {
        const media = await client.post('media/upload', {media_data: this.image_data})
        const status = {
          status: message,
          media_ids: media.media_id_string
        }
        const response = await client.post('statuses/update', status)
        console.log(response)
      })()

以下のエラーが発生し、投稿できません。

Access to fetch at 'https://upload.twitter.com/1.1/media/upload.json' from origin 'http://localhost:8080' 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.

キーやトークンの設定は正しくできていることが確認済みです。
「Access-Control-Allow-Origin」が存在しないというエラーだとみて、自分で追加してみましたがダメでした。追加場所が間違っているのでしょうか？

フロントエンドのみで投稿するのは不可能なのでしょうか？pythonやrubyでサーバーを立てなくてはいけないのでしょうか？

追記

OAuth認証のときと勘違いしていました。そうですよね。ローカルからtwitterは良くとも、twitterからローカルは無理がありますよね。

ならばと思い、Netlifyにデプロイし、https://appname.netlify.com/をtwitterのcallbackに登録しました。しかし、同様のエラーが発生したままです。

引き続きよろしくお願いいたします。