Laravelのシンボリックリンクで画像が表示されません

Question

解決したいこと

Dockerを使った環境で、初めてLaravelアプリケーションの画像投稿を実装しています。
保存はできたのですが、シンボリックリンクを使った表示ができません。
お力添えいただきたいです。

環境

MacOS Catalina 10.15.7
PHP 7.3.11
Laravel Framework 8.37.0
Docker 20.10.5
MySQL 8.0

発生している問題・エラー

エラーは発生しておらす、alt属性が表示されます。

ソースコード

コントローラ

//トップページで投稿内容を表示します
public function index()
    {
        $userId = Auth::id();
        $items = Post::where('user_id',$userId)->get();
        return view("posts.index",compact('items'));
    }

//投稿の処理です
public function create(Request $request)
    {
        // Validate
        $this->validate($request, Post::$rules);

        $post = new Post;
        
        // Insert data.
        $post->title = $request->title;
        $post->content = $request->content;
        $post->user_id = $request->user()->id;

        // Check if the file exists.
        $fileData = $request->file('file');
        if($fileData->isValid()) {
            // Insert file name
            $post->file_name = $fileData->getClientOriginalName();

            // Save file and insert the saved file path
            $filePath = $fileData->store('public/temp');
            $post->file_path = str_replace('public/', '', $filePath);
        }

        // Save and return to home page
        $post->save();
        return redirect('/');
    }

ビュー

@foreach ($items as $item)
  <li>
    <img src="{{ asset('storage/'.$item->file_path) }}" alt="こっちが表示されます">
  </li>
@endforeach

Web上でのパス

<img src="http://localhost:10080/storage/temp/xxxxx.png">

ls -laを実行

lrwxr-xr-x <省略> storage ->/workspace/backend/storage/app/public

php artisan storage:linkを実行したディレクトリ構造

public
 L images
 L storage
  L temp
    L xxxxx.png

データベース
保存されているファイルパス(データベースのfile_pathカラムのデータ)

temp/xxxxx.png

マイグレーションファイル

$table->string('file_path');

自分で試したこと

ファイルのパスが不正であると仮定し、以下を確認しました。

http://localhost:10080/storage/temp/xxxxx.pngにアクセスしても、404が返ってきます。
<img src="storage/temp/xxxxx.png">で設定しても表示されません。
public/images内の画像ファイルは通常通り表示されます。

お力添え願います。

Answer 1

すみません、自己解決しました。

VSCode上でリモート接続をして、VSCode上のターミナルでコマンドを実行していたこと駄目だったようです。
ターミナルからコンテナを立ち上げ、アプリのコンテナ内で php artisan storage:linkを実行することで、正常に表示されました。

ご回答くださり、ありがとうございました！

Answer 2

storage/app/public の下に画像ファイルを置かないと
web上に公開できないかと。
storage/app/public/～.png
storage/app/public/temp/～.png
とかなら参照できる。

一旦 .envファイルのASSET_URL変数の定義を確認するのと、

<img src="{{ asset('storage/temp/'.$item->file_path) }}" alt="こっちが表示されます">

とか試したらどうだろう？

---

asset()ってプロジェクトのpublic（not storage/app/public）が基点になるはずだから、
storage_path()を使ったらどうですかね？

Comments

[trigger]

ご回答ありがとうございます。

現在、storageのディレクトリ構造は、

storage
L app
　L public
　　L temp
　　　L xxxxx.png

となっています。
保存処理を行うとここに画像が追加され、public/storage/tempにも同じ様にxxxxx.pngが表示されます。
storageに置かれたファイルへのシンボリックリンクとしてpublic内にstorageが生成されていると認識しているのですが、間違っているのでしょうか？

.envファイルには、ASSET_URLという変数は定義されていません。アプリのホームディレクトリの.envでは無いファイルでしょうか？

そちらの記述ですと、以下のようなアドレスになります。

http://localhost:10080/storage/temp/temp/xxxxx.png

質問攻めで申し訳ないのですが、ご教授お願いします。