Q&A
ご回答ありがとうございます。
相対パスについて、ここで質問させていただく前にも一度試し、またご指摘いただいたので再度試してみました。
相対パスについて調べた上での、僕の認識なのですが、asset関数の部分を
asset('./css/start.css')
のようにすればいいのでしょうか？これを試したのですが、cssは効きませんでした。
相対パスに対する認識が誤っている場合は、ご指摘お願いいたします。
現在、LaravelでECサイトをvagrantを用いたローカル環境で作っているのですが、
ｃｓｓファイルがasset関数を用いた場合、効きません。
現在は、HTMLのまんまの参照をしていた問題なく動いているのですが、
asset()で動かないことがとても疑問で質問させていただきます。
.
.
現在の一応効いているコード
<head> <link rel="stylesheet" href="./css/start.css"> <link rel="stylesheet" href="./css/main.css"> </head>
.
試したが効かなかったコード
<head> <link href="{{ asset('/css/start.css') }}" rel="stylesheet"> <link href="{{ asset('/css/main.css') }}" rel="stylesheet"> </head>
.
.
CSSファイルの場所は、
public > css > main.css
public > css > start.css
です。
細かいことでも、ご質問・お答え、いただけると幸いです。
回答3件
0
コメントをしてくださった三名様のおかげで解決できました。
解決方法を書かせていただきます。
原因としては、.envファイルにASSET_URLを追加できていなかったこと、またそこにhttps://~と表記してしまっていたことでした。
これにより、正しいCSSファイルを指定できていませんでした。
Provider/AppServiceProvider内のboost()にて、\URL::forceScheme('https');としていたため、https://~が正しいと思っていましたが、
ASSET_URLhttp://~でhttp://~にすると、CSSが反映されました。
コメントでもご指摘いただいた通り、Laravelというより、ネット通信等に関しての知識・経験不足が仇となりました。
また、これ以降で、httpsに関する、問題が起きそうなので、調べてファイルによって、バラバラにならないよう設定します。
ご回答いただいた皆様、ありがとうございました。
投稿2020/12/04 12:18
総合スコア1
0
コメントをしてくださった三名様のおかげで解決できました。
解決方法を書かせていただきます。
原因としては、.envファイルにASSET_URLを追加できていなかったこと、またそこにhttps://~と表記してしまっていたことでした。
これにより、正しいCSSファイルを指定できていませんでした。
Provider/AppServiceProvider内のboost()にて、\URL::forceScheme('https');としていたため、https://~が正しいと思っていましたが、
ASSET_URLhttp://~でhttp://~にすると、CSSが反映されました。
コメントでもご指摘いただいた通り、Laravelというより、ネット通信等に関しての知識・経験不足が仇となりました。
また、これ以降で、httpsに関する、問題が起きそうなので、調べてファイルによって、バラバラにならないよう設定します。
ご回答いただいた皆様、ありがとうございました。
投稿2020/12/04 12:04
総合スコア1
0
ベストアンサー
Laravelのドキュメントには「The asset function generates a URL for an asset using the current scheme of the request (HTTP or HTTPS)」と書いてあるので、asset関数には絶対パスではなく相対パスを渡すものかと思われます。
投稿2020/12/03 13:30
総合スコア1907
asset('css/start.css') は試されましたか？
.envの設定もご確認ください。
パスを試すとき、ブラウザの「ソースを表示」でパスを確かめるのが定石です。
そこからアクセスできなければパスが間違ってるわけで、PHPコードだけ睨んでても前には進みません。
皆様、ご回答ありがとうございます。
cerfweb様、asset('css/start.css')も試しましたが、効かなかったです。
kyoya0819様、.envファイルに、ASSET_URLも追加させましたが、CSSが効きませんでした。
他に、asset関数に関して、追加すべきものがあるのでしょうか？
m.ts10806様、chromeのページソースの表示でも確認していますが、そこから表示させたcssファイルは全て、表示されませんでした。
デベロッパーツールでは、試した全てで、「net::ERR_ABORTED 404」のエラーが出ています。
はい。
では「どのパスならブラウザに直打ちでも確認できるか」を確認してください。
もちろんキャッシュクリアは必須ですし、ファイル名の確認、そこに本当にファイルがあるかの確認も必要です。
Laravel、PHP以前のWebの基礎部分です。
ご返事ありがとうございます。
cssが反映されるものと、asset関数では反映されないもののURI等見比べながら、.envファイルをいじっていたら、asset関数でもCSSが反映されました。
URIは意識しているつもりでしたが、甘かったようです。ご指摘感謝いたします。
原因としては、,envファイルにASSET_URLを追加できていなかったこと、またそこにhttps://~と表記してしまっていたことでした。
Provider/AppServiceProvider内のboost()にて、\URL::forceScheme('https');としていたため、https://~が正しいと思っていましたが、
ASSET_URLhttp://~でhttp://~にすると、CSSが反映されました。
ご回答いただいた、三名様ありがとうございました。
kyoya0819さんのご指摘が合っていたようなので、kyoya0819さんに改めて別回答として提示していただき、そちらをベストアンサーにされてはいかがでしょうか。
すみません、今回質問させていただいたのが初めてでして、ご迷惑おかけします。
個人的には、cerfweb様に相対パスの重要性もご指摘いただき、他お二方様のご回答、全て問題解決に、必要であったと感じ、代表して最初にご回答していただいたcerfweb様をベストアンサーに選ばさせていただきました。
cerfweb様が上記の様におっしゃるのであれば、他の方もそのように望まれた場合、回答を改めて別で提示していただければ、そのようにさせていただきます。
私はあくまでも「.envの設定の見直し」を助言しただけで、そこからASSET_URLの設定ミスを発見されたのは質問者さんです。現状のベストアンサーではコメント欄まで読まないと原因が分かりませんので質問者さんが自己解決なさっても良いと思います。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。