さくらのレンタルサーバーで日本語ファイル名の画像が読み込めない!

以前Next.jsでexport(SSG)して、MicroCMSをつかって画像最適化もする必要があったときに、画像のファイル名が日本語だとURLエンコードされてNext.jsで画像を表示できない問題がありました。
その時は下記の記事に書いてある方法で解決はしたのですが、サーバーによって違いがあるようでさくらのレンタルサーバーだと404エラーになってしまいました。
https://zenn.dev/yuto0623/articles/66408a970a8754

さくらのレンタルサーバーでは日本語ファイル名のファイルは参照できない?

どうやらローカルからサーバーにアップするときの文字コードに問題があるようでした。
私はFileZillaを使ってアップロードしていたのですが、設定を変えることによって解決できました。

FileZillaで日本語ファイル名のファイルをアップする方法

FileZillaのサイトマネージャーで文字コードの設定があるので、そこでUTF-8を強制を選択すれば無事に404エラーにならずアップすることができました。

終わり

サーバーによって問題がない場合もあり中々気付かなかったのですが、誰かの参考になれば幸いです。

いいなと思ったら応援しよう!