您好,登錄后才能下訂單哦!
本文小編為大家詳細介紹“laravel中asset()方法如何用”,內容詳細,步驟清晰,細節處理妥當,希望這篇“laravel中asset()方法如何用”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。
laravel中asset()方法的用法:1、用于引入靜態文件,語法為“src="{{asset(‘需要引入的文件路徑’)}}"”;2、用于給當前請求的scheme前端資源生成一個url,語法為“$url = asset('前端資源')”。
本文操作環境:Windows10系統、Laravel5.4版、Dell G3電腦。
1、引入樣式文件 asset() 方法
我們平時在 Laravel 中,如果想要引入 Bootstrap 等樣式,有時我們引入的 地址 是對的,卻不能顯示樣式的效果,這時我們就可以使用 asset() 方法實現引入樣式地址,用法很簡單,src="{{asset(‘需要引入的文件’)}}" ,我們使用這種方法引入樣式時,就不會出錯,例如如下:
<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>
用于引入靜態文件,如 css/JavaScript/images,文件必須存放在public文件目錄下
src="{{ asset('home') }}/images/t01.png"
2、使用當前請求的scheme(HTTP或HTTPS)為前端資源生成一個URL:
$url = asset('img/photo.jpg');
laravel自帶了laravel-mix,用于對js、css、圖片等靜態資源進行打包。生成的文件的命名會是:app.asjduiik2l1323879dasfydua23.js, 即js原文件名+hash+.js后綴,因為中間的那個hash是隨時會變化的,所以在頁面引入js文件的時候,就不能寫死文件的路徑,而是使用mix('app.js'),此時laravel會自動去匹配當前的app.js對應哪個app+hash+.js的文件(項目public目錄下會有一個mix-manifest.json, 這里面保存了兩者的對應關系,每次打包靜態資源的時候都會更新該文件)。
而有些時候我們并不希望靜態資源的名稱中被加上hash值(大部分情況是獨自引入的非nodejs模塊的第三方庫),這個時候就可以直接使用asset方法,它就是直接簡單粗暴地找你給它名稱的文件咯。
讀到這里,這篇“laravel中asset()方法如何用”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。