Q&A
回答ありがとうございます。
環境設定はherokuにて個別で行うように理解しておりましたが、違っておりましたでしょうか。
また、gitignoreファイルでenvファイルはherokuにプッシュされないようにデフォルトで設定されている状態でした。
参考記事：https://qiita.com/yukibe/items/5c1910e259ff4e6498db
###開発環境
Windows10
XAMPP
laravel6.20
php7.4
Heroku
前提・実現したいこと
laravelで作成したアプリケーションをherokuでデプロイしようとした際に、画像が表示されないといった事象が発生しています。
表示されない画像は、ローカル環境では表示されていたロゴ画像や素材画像、背景画像です。
これらを表示させる方法をご教示いただけますと幸いです。
1.ロゴ画像と素材画像について
コンソールから、404エラーによって表示ができていないことが確認できました。
また、ソースコードから、本来存在するはずの'public/img/画像ファイル'が本番環境では存在していないことが判明しています。
シンボリックリンクの作成も行っており、ローカル環境下ではstorageフォルダも作成されています。
エラーメッセージ
Failed to load resource: the server responded with a status of 404 (Not Found)
resources/views/nav.blade.php
blade
1<a class="navbar-brand" href="/main"> 2 <img src="{{ asset('/storage/img/logo.png') }}" alt=""> 3 【アプリ名】 4</a>
resources/views/xxxx/xxx.blade.php
blade
1略 2<div class="container text-center text-light"> 3 <h2>略</h2> 4 <img src="{{ asset('/storage/img/xxx.png') }}" alt=""> 5</div> 6略
上記は自己解決しました。
gitignore内に下記の記述があったことが原因だと考えられます。
laravelproject/gitignore
/storage/*.key
2.背景画像について
こちらはCSS内にクラスを設定し、その中で画像の指定を行っております。
コンソールでエラー表示はされておらず、ソースを確認すると、クラスを設定していたファイル内からクラスの記述自体が消えていました。
resources/views/main.blade.php
blade
1略 2<body> 3 <div class="jumbotron_all"> 4 <div class="container text-center text-light"> 5 略 6 </div> 7 </div> 8</body>
本番環境での確認時、下記のcssから記載部が抜けてしまっております。
app/public/css/app.css
css
1略 2.jumbotron_all { 3 background-image: url(/storage/img/background.PNG); 4 background-position: center center; 5 background-repeat: no-repeat; 6 background-attachment: fixed; 7 background-size: cover; 8 height: auto; 9 z-index: 1; 10} 11略
不足点等ございましたら合わせてお伝えいただけますと幸いです。
何卒よろしくお願いいたします。
回答2件
0
Heroku常にpublic/storageのシンボリックリンクって存在していますか？
$ heroku run bash $ php artisan storage:link
投稿2021/05/06 04:53
総合スコア888
0
.envファイルも環境に合わせた変更が必要になるはずです。
「heroku laravel env」などとして検索して見つかる記事を参考に見直しをしてみてはいかがでしょうか。
投稿2021/05/06 03:56
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/05/06 11:05