ActionTextで添付した画像をS3に保存したい

Question

ご回答いただけるとありがたいです。よろしくお願いします！

実現したいこと

RailsのActionTextを用いて投稿した画像をS3で保存したいです。

現状

画像を添付しても画像がアプリ上に表示されません。
SequelProで見たら、添付した時点で画像の保存はされているのですがアプリ上に表示がされず、またS3には保存されていないです。

該当のソースコード

以下を参考に実装をしました。
Action Textで挿入した画像の保存先をAmazon S3やGCSに変更する方法

gem "aws-sdk-s3", require: false
//bundle install

#enviroments/development.rb
config.active_storage.service = :amazon

#storage.yml
amazon:
  service: S3
  region: ap-northeast-1
  bucket: バケット名
  access_key_id: <%= ENV['AWS_ACCESS_KEY_ID'] %>
  secret_access_key:  <%= ENV['AWS_SECRET_ACCESS_KEY'] %>

ターミナル上で

vim ~/.zshrc
iを入力
export AWS_ACCESS_KEY_ID="Access key IDを添付"
export AWS_SECRET_ACCESS_KEY="Secret key IDを添付"
escキー
:wq

source ~/.zshrc

git secrets --install
git secrets --register-aws --global

//このウィンドウでサーバー再起動

###試したこと
以下のそれぞれを参考にCORSを編集してみましたが、
CORS 設定は、有効な JSON で記述する必要があります。
というメッセージが表示され、設定することができませんでした。

ActionTextでのAmazonS3アップロード

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
    <AllowedOrigin>your-domain.com</AllowedOrigin>
    <AllowedMethod>PUT</AllowedMethod>
    <AllowedHeader>Origin</AllowedHeader>
    <AllowedHeader>Content-Type</AllowedHeader>
    <AllowedHeader>Content-MD5</AllowedHeader>
    <AllowedHeader>Content-Disposition</AllowedHeader>
    <MaxAgeSeconds>3600</MaxAgeSeconds>
</CORSRule>
</CORSConfiguration>

Rails 5.2 Active Storage direct upload failure: CORS header ‘Access-Control-Allow-Origin’ missing

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
    <AllowedOrigin>*</AllowedOrigin>
    <AllowedMethod>GET</AllowedMethod>
    <MaxAgeSeconds>3000</MaxAgeSeconds>
    <AllowedHeader>Authorization</AllowedHeader>
</CORSRule>
<CORSRule>
    <AllowedOrigin>*</AllowedOrigin>
    <AllowedMethod>PUT</AllowedMethod>
    <AllowedMethod>POST</AllowedMethod>
    <MaxAgeSeconds>3000</MaxAgeSeconds>
    <AllowedHeader>*</AllowedHeader>
</CORSRule>
</CORSConfiguration>

【Rails】ActionTextでアップロードした画像の保存先がローカルから変更できない

{
  "CORSRules": [
    {
      "AllowedOrigins": ["http://localhost:3000"],
      "AllowedMethods": ["GET", "POST", "PUT"],
      "MaxAgeSeconds": 3000,
      "AllowedHeaders": ["*"]
    }
  ]
}

###追記
以下を参考にCORSを編集しました。
CORSの設定自体にエラーメッセージはでなくなりましたが、S３に保存できない状態は変わりません。
【S3】CORS設定のXML形式での記述エラー解決法

[
    {
        "AllowedHeaders": [
            "*"
        ],
        "AllowedMethods": [
            "PUT",
            "POST",
            "DELETE"
        ],
        "AllowedOrigins": [
            "http://www.example1.com"
        ],
        "ExposeHeaders": []
    }
]

###追記2

config.active_storage.service = :amazon

を

config.active_storage.service = :local

に戻して画像投稿ができるか試してみました。なぜか、できなくなっています。
これはS3の問題というより、actiontext自体の問題でしょうか？

###追記３
本番環境はHerokuを使っています。

heroku config:set AWS_ACCESS_KEY_ID="Access_keyを添付"
heroku config:set AWS_SECRET_ACCESS_KEY="Secret_keyを添付"

をターミナルで行い、commitし、git push heroku masterを実行しました。
本番環境でも画像投稿ができなくなりました。S3にも保存されていません。

以上になります。ご助言いただけると幸いです。

Answer 1

CORSを以下のように設定すれば解決できました！

[
    {
        "AllowedHeaders": [
            "*"
        ],
        "AllowedMethods": [
            "PUT",
            "POST",
            "DELETE"
        ],
        "AllowedOrigins": [
            "*"
        ],
        "ExposeHeaders": []
    }
]