投稿した画像が表示されない

Question

実現したいこと

投稿した画像の表示

前提

画像を投稿し、投稿時には画像が表示されるのですが
ブラウザを閉じて少しすると表示されなくなります。
Chromeの検証で、以下のエラーを確認しました。

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

Failed to load resource: the server responded with a status of 404 ()

該当のソースコード

app>views>designs>_design.html.erb

<div class="card">
    <%= link_to image_tag( design.image, class: :card__img ), design_path(design.id), method: :get %>
      <div class="card__body">
      <% if design.image.attached? %> 
        <% link_to design.title, design_path(design.id), method: :get, class: :card__title %>
        <p class="card__summary">
          <%= design.title %>
        </p>
      <% end %>
      </div>
</div>

app>views>designs>index.html.erb

<main class="main">
  <div class="inner">

    <%= form_with(url: search_designs_path, local:true, method: :get, class:"search-form") do |form| %>
      <%= form.text_field :keyword, placeholder:"検索する", class:"search-input " %>
      <%= form.submit "検索",class: "form__btn search-btn" %>
    <% end %>

    <%= form_tag designs_path, method: :get do %>
      <%= select_tag :tag_id,options_from_collection_for_select(Tag.all, :id, :tag_name, params[:tag_id]), {prompt: 'タグで絞り込み検索',class: "tag-search",onchange: 'submit(this.form);'}%>
    <% end %>

    <div class="card__wrapper">
      <%= render partial: 'design', collection: @designs  %>
    </div>
  </div>
</main>

app>controllers>design_controller.rb

class DesignsController < ApplicationController
  before_action :authenticate_user!, only:[:edit, :new, :destroy]
  before_action :move_to_index, except: [:index, :show]
  before_action :set_design, only: [:show, :edit, :update, :destroy]

  def index
    @designs = Design.includes(:user).order("created_at DESC")
    @designs = params[:tag_id].present? ? Tag.find(params[:tag_id]).designs : Design.all.order("created_at DESC")
  end

  def new
    @post_form = PostForm.new
  end

  def create
    @post_form = PostForm.new(design_params)
    
    if @post_form.save
      redirect_to root_path
      else
        render :new
    end
  end

  def show
   
  end

  def destroy
    design = Design.find(params[:id])
    if design.destroy
      redirect_to root_path
    end
  end

  def update
    design = Design.find(params[:id])
    if
    design.update(design_params)
      redirect_to design_path(design.id)
    else
      redirect_to request.referer
    end
  end

  def edit
    unless user_signed_in? && current_user.id == @design.user_id
      redirect_to action: :index
    end
  end

  def search
    @designs = Design.search(params[:keyword]).order("created_at DESC")
  end



  private

  def design_params
    params.require(:post_form).permit(:title, :file_name, :tag_name, :image).merge(user_id: current_user.id)
  end

  def set_design
    @design = Design.find(params[:id])
  end

  def move_to_index
    unless user_signed_in?
      redirect_to action: :index
    end
  end

end

app>models>design.rb

class Design < ApplicationRecord
  belongs_to :user
  has_one_attached :image
  has_many :post_tag_relations, dependent: :destroy
  has_many :tags, through: :post_tag_relations

  validates :title, presence: true
  validates :file_name, presence: true
  validates :image, presence: true

  def self.search(search)
    if search != ""
      Design.where('title LIKE(?)', "%#{search}%")
    else
      Design.all
    end
  end



end

storage.yml

test:
  service: Disk
  root: <%= Rails.root.join("tmp/storage") %>

local:
  service: Disk
  root: <%= Rails.root.join("storage") %>

# Use rails credentials:edit to set the AWS secrets (as aws:access_key_id|secret_access_key)
# amazon:
#   service: S3
#   access_key_id: <%= Rails.application.credentials.dig(:aws, :access_key_id) %>
#   secret_access_key: <%= Rails.application.credentials.dig(:aws, :secret_access_key) %>
#   region: us-east-1
#   bucket: your_own_bucket

# Remember not to checkin your GCS keyfile to a repository
# google:
#   service: GCS
#   project: your_project
#   credentials: <%= Rails.root.join("path/to/gcs.keyfile") %>
#   bucket: your_own_bucket

# Use rails credentials:edit to set the Azure Storage secret (as azure_storage:storage_access_key)
# microsoft:
#   service: AzureStorage
#   storage_account_name: your_account_name
#   storage_access_key: <%= Rails.application.credentials.dig(:azure_storage, :storage_access_key) %>
#   container: your_container_name

# mirror:
#   service: Mirror
#   primary: local
#   mirrors: [ amazon, google, microsoft ]

試したこと

webで調べ、<% if design.image.attached? %> を追記しましたが表示されません。
デプロイ自体は問題ありませんでした。
ローカルでは表示問題ありません。

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

TablePlusには画像が登録されているので、登録自体は問題ないかと思います。
一度マイグレーションをリセットしたりもしたのですが解決せず
完全に行き詰まってしまいました。
どうかご教示お願いいたします。

Comments

[maisumakun]

・Designのモデルをご提示ください。
・サーバは何を使って、アップロードしたファイルはどこに配置していますか？

[tamtamtime]

・モデルを追記いたしました。
・サーバはRenderです。すみません、配置、というとどういう事でしょうか？
不勉強で申し訳ございません。

[maisumakun]

> すみません、配置、というとどういう事でしょうか？

アップロードした画像はどこかに保存しないといけないですが、どこへ保存するよう設定していますか？

[tamtamtime]

Renderの内部データベースURLをdatabase.ymlで指定しております。
これがおかしいのでしょうか…？

[maisumakun]

ファイルアップロードを行う場合、ファイルの保存方法はstorage.ymlなどに設定を書きますが、そちらはどうなっていますか？

（画像ファイルをデータベースに突っ込むことも技術的には可能ですが、一般的な実装ではなく、Rails標準で行えるものでもありません

[tamtamtime]

storage.ymlを追記いたしました。
こちらは作成以来、ずっと触っていなかったファイルでした…。

Answer 1

Renderのローカルディスクは基本的に一時的なもので、永続利用したい場合は相応の設定が必要です。

Comments

[tamtamtime]

設定をよく読み込み、やってみます！ありがとうございます！！！！
本当に助かりました！！！！