carrierwaveで保存した画像をReactで表示する事ができません。

Question

閲覧いただきありがとうございます。
表題の件で質問させていただきます。

userのアカウントをdeviseにて作成し、そちらに画像をアップロードするべくcarrierwaveの使用しました。

carrierwaveの設定

carrierwave.rb

CarrierWave.configure do |config|
    config.asset_host = "http://localhost:3001"
    config.storage = :file
    config.cache_storage = :file
end

image_uploader.rb

class ImageUploader < CarrierWave::Uploader::Base  
  include CarrierWave::MiniMagick

  def store_dir
    "uploads/#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}"
  end

  process resize_to_fill: [20, 20]

  def extension_allowlist
    %w(jpg jpeg)
  end
uploader/store.rb for details.
end

結果として、アップロードまでは問題なく進みましたが、React側での出力ができませんでした。

allowPasswordChange: false
createdAt: "2021-10-07T08:47:31.552Z"
email: "[e-mail]"
id: 2
image: {url: 'http://localhost:3001/uploads/user/image/2/tomato.jpg'}
name: "きゅうり"
nickname: null
provider: "email"
rank: 0
uid: "[e-mail]"
updatedAt: "2021-10-08T09:23:46.649Z"

Railsのpublic>uploads>user>image>2にはtomato.jpg画像が保存されています。（クリックすると、読み取り専用として目視できます。）
しかしながら、React側でcurrentUser?.image.urlとすると表示されるものだと思っていましたが表示されませんでした。
（currentUserというのは、deviseで作成したユーザーになります。）

<img
	src={currentUser?.image.url}
	alt='avatar'
/>

行ったこと

• publicに保存されている画像を参照できるwindow.location.originを使用して画像をひとまず表示させようと思いましたがこちらも表示されませんでした。

<img
	src={`${window.location.origin}/sample.jpeg`}
	alt='avatar'
	width='20'
	height='20'
/>

• コンソールにcurrentUser?.image.urlを出力し、URLを取得しそれをディベロッパーツールでクリックしたところ画像のプレビューは表示されませんでした。

![

不備などあれば追加致しますので、仰っていただければと思います。
長々と読んでいただきありがとうございました。
よろしくお願い致します。

Answer 1

carrierwave.rbのasset_hostがバックエンド側のドメイン名を選択しなければならないところで、フロント側のものを記載していました。
一度根本に立ち返り、確認作業を行おうと思い直しました。

皆様のお役に立てればと思います。