laravel中asset()方法的用法:1、用于引入靜態(tài)文件,語(yǔ)法為“src="{{asset(‘需要引入的文件路徑’)}}"”;2、用于給當(dāng)前請(qǐng)求的scheme前端資源生成一個(gè)url,語(yǔ)法為“$url = asset('前端資源')”。
本文操作環(huán)境:Windows10系統(tǒng)、Laravel5.4版、Dell G3電腦。
laravel中asset()方法
1、引入樣式文件 asset() 方法
我們平時(shí)在 Laravel 中,如果想要引入 Bootstrap 等樣式,有時(shí)我們引入的 地址 是對(duì)的,卻不能顯示樣式的效果,這時(shí)我們就可以使用 asset() 方法實(shí)現(xiàn)引入樣式地址,用法很簡(jiǎn)單,src="{{asset(‘需要引入的文件’)}}" ,我們使用這種方法引入樣式時(shí),就不會(huì)出錯(cuò),例如如下:
<link type="text/css" rel="styleSheet" href="{{asset('css/bootstrap.min.css')}}" /> <link rel="stylesheet" type="text/css" href="{{asset('css/app.css')}}"> <script src="{{asset('js/jquery-3.5.0.min.js')}}"></script> <script src="{{asset('js/bootstrap.min.js')}}"></script>
用于引入靜態(tài)文件,如 css/JavaScript/images,文件必須存放在public文件目錄下
src="{{ asset('home') }}/images/t01.png"
2、使用當(dāng)前請(qǐng)求的scheme(HTTP或HTTPS)為前端資源生成一個(gè)URL:
$url = asset('img/photo.jpg');
laravel自帶了laravel-mix,用于對(duì)js、css、圖片等靜態(tài)資源進(jìn)行打包。生成的文件的命名會(huì)是:app.asjduiik2l1323879dasfydua23.js, 即js原文件名+hash+.js后綴,因?yàn)橹虚g的那個(gè)hash是隨時(shí)會(huì)變化的,所以在頁(yè)面引入js文件的時(shí)候,就不能寫死文件的路徑,而是使用mix('app.js'),此時(shí)laravel會(huì)自動(dòng)去匹配當(dāng)前的app.js對(duì)應(yīng)哪個(gè)app+hash+.js的文件(項(xiàng)目public目錄下會(huì)有一個(gè)mix-manifest.json, 這里面保存了兩者的對(duì)應(yīng)關(guān)系,每次打包靜態(tài)資源的時(shí)候都會(huì)更新該文件)。
而有些時(shí)候我們并不希望靜態(tài)資源的名稱中被加上hash值(大部分情況是獨(dú)自引入的非nodejs模塊的第三方庫(kù)),這個(gè)時(shí)候就可以直接使用asset方法,它就是直接簡(jiǎn)單粗暴地找你給它名稱的文件咯。
【