🌊
【Laravel】CSS・Javascript・画像を使用する
概要
フレームワークで使用するテンプレートBladeから呼び出すのは通常のHTMLとは少々異なる
asset関数
公式
基本事項
LaravelでcssやJavaScriptや画像を使用するのに使うヘルパ関数(ネイティブPHPとは別のフレームワークより提供されている関数)
開発環境ではHTTP通信になるが、本番環境ではHTTPS通信が基本になるので、secure_asset()関数を使う
各コードの記述方法
<!-- css -->
<link rel="stylesheet" href="{{ asset('/css/sample.css') }}">
<!-- js -->
<script src="{{ asset('/js/sample.js') }}"></script>
<!-- img -->
<img alt="ロゴ" src="{{ asset('/img/sample.png') }}"><img alt="ロゴ" src="{{ asset('/img/sample.png') }}">
Discussion