laravel本番環境でアップロードした画像が表示されません

Question

前提

ローカル環境では正常に動作していたのですが、サーバーに上げたら、アップロードした画像が表示されなくなりました。原因をご教示頂きたいです…

実現したいこと

現状は、管理画面で画像をstorage/app/public/imagesにアップロードする仕組みになっていて、サーバー上のstorage/app/public/imagesには画像がちゃんとあることを確認できています。
<img src="{{ asset('storage/images/'.$product->image1) }}">
で画像を表示できないです。
ターミナルのssh接続でサーバー上のシンボリックリンクを確認しましたが、The links have been created.と返ってきました。

public/storage/imagesに手動で画像をアップロードすると表示されます。
こちらを管理画面の画像アップロードから表示できるようにしたいのです。

初めてlaravelを本番環境に上げたので、どうしたらいいかわかりません。
ご教示よろしくお願いいたします。

<form method="post" action="{{ route('admin.product.store')}}"  enctype="multipart/form-data" autocomplete="off">
  {{csrf_field()}}
	<ul class="input_wrapper">
		<li class="image">
                    <input type="file" name="image1" id="img1" value="{{old('image1'')}}">
		</li>
        </ul>
</form>

use App\Models\Product;

	public function store(Request $request){
		if($request->file('image1')!=null){
			$file_name = $request->file('image1')->getClientOriginalName();
			$image1 = $file_name;
			$request->file('image1')->storeAs('public/images' , $image1);
		}else{
			$image1 = null;
		}
		Product::create([
			'image1' => $image1,
		]);
		return redirect('/admin/product')->with('products', Product::get())->with('message','追加しました');

<img src="{{ asset('storage/images/'.$product->image1) }}">

プロジェクトディレクトリ直下に置いています。
<IfModule mod_rewrite.c>
    <IfModule mod_negotiation.c>
        Options -MultiViews
    </IfModule>

    RewriteEngine On

    RewriteCond %{REQUEST_FILENAME} -d [OR]
    RewriteCond %{REQUEST_FILENAME} -f
    RewriteRule ^ ^$1 [N]

    RewriteCond %{REQUEST_URI} (\.\w+$) [NC]
    RewriteRule ^(.*)$ public/$1

    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^ server.php

</IfModule>

Comments

[phper.k]

ブラウザの開発ツールの「ネットワーク」タブで読み込もうとしているパスが正しいかを確認してください

[m.ts10806]

実際のコードと構成を提示されたほうが良いと思います。

[KEMONO.PANTSU]

それな。

[yc-www10]

失礼致しました。
実際のコードを追加しました。

[AbeTakashi]

phper.kさん指摘の内容は確認済みですか？ おそらくパスの問題か（シンボリックリンクの不具合の可能性も含む）、もしくはhttpsじゃなくてhttpになってるとか、その手の類いですよ。ブラウザのソースコードを見て、画像のURLが正しいかをまずは確認すべきです。

[m.ts10806]

むしろ画像URLをアドレスバーで直アクセスしてみて表示されるかという確認もしたほうが良いですね。

[yc-www10]

パスは、"https://ドメイン名/public/storage/images/ファイル名"でpublic/storageにアクセスされています。
現状public/storageには画像がなく、storage/app/publicには画像アップロードされています。
なので表示されず、public/storageに手動で画像を上げると表示されます。
ローカルではstorage/app/publicとpublic/storageに画像が入るようになっていたので、やはりサーバー上でシンボリックリンクができていないのでしょうか…

画像URLにアクセスすると404エラーとなります。

[phper.k]

> やはりサーバー上でシンボリックリンクができていないのでしょうか…

サーバーにログインして確認すればわかるでしょ

[AbeTakashi]

ローカル環境のシンボリックリンクの張り方が違ってるんでしょうね。通常のやり方ならおそらくURLにpublic/とか付かないですので、ローカル環境で間違っててそれに合わせてしまったゆえ本番環境で表示されないのではないでしょうか？ 第三者はそこまで分かりませんので、ご自身で確認・判断してください。

[yc-www10]

一度確認し、すでにリンクされているとなっていたので、
他に原因があるのかと思いこちらで質問させていただきましたが
もう一度確認したいと思います。

[phper.k]

> 一度確認し、すでにリンクされているとなっていたので、

あなたが確認したのは、「シンボリックリンクがあるか」を確認したのであって、作成済みのシンボリックリンクが、どのディレクトリにリンクされているかを確認しなければ意味がありません。

[AbeTakashi]

シンボリックリンクの張り方と<img src="{{ asset('storage/images/'.$product->image1) }}">の記載方法のどちらかが間違ってるのではないかと思います。何かしらパスの階層のズレが発生している可能性が高いので、どちらかを修正すれば一発で直りそうな感じはあります。ただ、本番環境とローカル環境の差異があると開発しにくいので、まずはその環境の差異をしっかり確認する方が良いかもしれません。

[m.ts10806]

URLにpublicが入ってる時点でドキュメントルートの設定がおかしいような。
両環境で同じですか？

[yc-www10]

すみません。
URLにpublicがあるのはhtaccessを試しに切って表示していたので、
実際は"https://ドメイン名/storage/images/ファイル名"
が正しいです。

[yc-www10]

>あなたが確認したのは、「シンボリックリンクがあるか」を確認したのであって、作成済みのシンボリックリンクが、どのディレクトリにリンクされているかを確認しなければ意味がありません

次はそちらを確認したいと思います。

Answer 1

再度シンボリックリンクを調べ、
最終的にサーバー上のpublic/storageフォルダを自分で削除し(ターミナル上ではディレクトリの削除がエラーでできなかったため）、ssh接続でもう一度シンボリックリンクを実行したら表示できるようになりました。
私はxserverを使っていたのですが、ドメイン/public_html上でphp artisan storage:linkで出来ました。

コメントいただいた皆様ありがとうございました。