[Laravel]本番環境でstorageに画像が保存されない

Question

本番環境

Vue.js 2.6.12
netlify にデプロイしてます
axios で Laravel とやりとりしてます

Laravel 8.25.0
Xserver にデプロイしてます

問題

Vue.js から複数の画像ファイルを axios で送信して Laravel で 画像ファイルを Laravel の public/storage/ の中に保存できるようにしています

spotImgPost(id) {
      let formData = new FormData();
      for (let i = 0; i < this.files.length; i++) {
        let file = this.files[i];
        formData.append('file['+i+']', file);
      }
      formData.append('post_id', id)
      console.log(formData);
      axios.post(process.env.VUE_APP_SKATE_MAPS_API + "/api/files", formData, { 
        headers: {'Content-Type': 'multipart/form-data'}
      })
      .then((response) => {
        console.log(response)
        this.$router.push('/');
      })
    }

public function store(Request $request)
    {
        $now = Carbon::now();
        foreach ($request->file as $item) {
            $file_name = time() . '.' . $item->getClientOriginalName();
            $item->storeAs('public', $file_name);
            $path = 'http://********/storage/' . $file_name;
            $param = [
                'post_id' => $request->post_id,
                'path' => $path,
                'created_at' => $now,
                'updated_at' => $now,
            ];
            DB::table('files')->insert($param);
        }
        return response()->json([
            'message' => 'files created successfully',
        ], 200);
    }

これでローカル環境では問題なく保存できていました

しかし本番環境だとデータベースに 'path' は保存されているのですが、public/storage に保存されていません。
Xserverのファイルマネージャーで storage の中を確認しましたが保存されていません。。

調べたこと

自分で調べてみたところこれかな？？と思う記事を見つけました
Laravelでpublicフォルダ配下に保存したファイルにアクセスできない

この記事に習って ssh でエックスサーバーに接続してシンボリックリンクを確認しに行きました

$cd public

$ ls -la
合計 20
drwxr-xr-x  3 xs907670 members  138  3月 10 10:20 .
drwxr-xr-x 13 xs907670 members 4096  3月 10 10:20 ..
-rw-r--r--  1 xs907670 members  603  3月 10 03:25 .htaccess
-rw-r--r--  1 xs907670 members    0  3月 10 03:25 favicon.ico
-rw-r--r--  1 xs907670 members 1731  3月 10 03:25 index.php
-rw-r--r--  1 xs907670 members   24  3月 10 03:25 robots.txt
drwxrwxrwx  2 xs907670 members   32  3月 10 03:25 storage
-rw-r--r--  1 xs907670 members 1194  3月 10 03:25 web.config

あれ？記事のとうりにならない
記事のとうりだと下記のように表示されるはずなのに。。。

lrwxr-xr-x   1 hoge  staff    70 Apr 13 22:44 storage -> //Users/[ユーザ名]/laravel/myapp/storage/app/public

よく考えたらそもそも public/storage に保存できてないからシンボリックリンクを変更しても意味ないよなって今詰まってます、、、

すみません。説明が上手くないですが、ご教授ください!

Answer 1

php artisan storage:link を実行したと書いてないのですが、実行しましたか？

またpublic配下にstorageというフォルダを作成してませんか？
しているならpublic/storageフォルダを削除した後に上のコマンドを実行してください。

Comments

[ktaraw1574]

ありがとうございます！

php artisan storage:link は実行していました。
ローカルでのLaravelプロジェクトを全てXserverのpublic_htmlにアップロードしたのでpublic配下にstorageが存在していました。

なのでpublic/storageフォルダを削除した後に php artisan storage:link を実行したのですが、Xserver のファイルマネージャーで確認したところ storage フォルダーが作成されていませんでした。。

```
]$ php artisan storage:link
The [/home/xs907670/skate-maps-api.com/public_html/skate-maps-api/public/storage] link has been connected to [/home/xs907670/skate-maps-api.com/public_html/skate-maps-api/storage/app/public].
The links have been created.
```
ログでは上手く行っているように見えるのですが、、

[kaya754]

リンクの作成なのでフォルダが作成されるわけではないです。

大雑把に言うと php artisan storage:linkは
skate-maps-api/storage/app/public フォルダを作成し、
skate-maps-api/public/ 配下にそこへのリンク(storage)を追加する処理です。

画像保存処理を行い、skate-maps-api/storage/app/public　以下に画像が保存されるか試してください。

[ktaraw1574]

kaya754さん skate-maps-api/storage/app/public に画像保存できていました！
php artisan storage:link は、public/storage フォルダが作成されてそこに画像ファイルが保存されると勘違いをしていました。
説明とてもわかりやすかったです!
ありがとうございます！！感謝です！

Answer 2

XSERVER上で、今の誤ったシンボリックリンクを削除した後に、以下のコマンドでシンボリックリンクを再作成するとどうでしょうか。

php artisan storage:link