溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

laravel中asset()方法如何用

發(fā)布時間:2022-06-02 17:04:25 來源:億速云 閱讀:249 作者:iii 欄目:編程語言

本文小編為大家詳細(xì)介紹“l(fā)aravel中asset()方法如何用”,內(nèi)容詳細(xì),步驟清晰,細(xì)節(jié)處理妥當(dāng),希望這篇“l(fā)aravel中asset()方法如何用”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學(xué)習(xí)新知識吧。

laravel中asset()方法的用法:1、用于引入靜態(tài)文件,語法為“src="{{asset(‘需要引入的文件路徑’)}}"”;2、用于給當(dāng)前請求的scheme前端資源生成一個url,語法為“$url = asset('前端資源')”。

本文操作環(huán)境:Windows10系統(tǒng)、Laravel5.4版、Dell G3電腦。

laravel中asset()方法

1、引入樣式文件 asset() 方法

我們平時在 Laravel 中,如果想要引入 Bootstrap 等樣式,有時我們引入的 地址 是對的,卻不能顯示樣式的效果,這時我們就可以使用 asset() 方法實現(xiàn)引入樣式地址,用法很簡單,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>

用于引入靜態(tài)文件,如 css/JavaScript/images,文件必須存放在public文件目錄下

src="{{ asset('home') }}/images/t01.png"

2、使用當(dāng)前請求的scheme(HTTP或HTTPS)為前端資源生成一個URL:

$url = asset('img/photo.jpg');

laravel自帶了laravel-mix,用于對js、css、圖片等靜態(tài)資源進(jìn)行打包。生成的文件的命名會是:app.asjduiik2l1323879dasfydua23.js, 即js原文件名+hash+.js后綴,因為中間的那個hash是隨時會變化的,所以在頁面引入js文件的時候,就不能寫死文件的路徑,而是使用mix('app.js'),此時laravel會自動去匹配當(dāng)前的app.js對應(yīng)哪個app+hash+.js的文件(項目public目錄下會有一個mix-manifest.json, 這里面保存了兩者的對應(yīng)關(guān)系,每次打包靜態(tài)資源的時候都會更新該文件)。

而有些時候我們并不希望靜態(tài)資源的名稱中被加上hash值(大部分情況是獨(dú)自引入的非nodejs模塊的第三方庫),這個時候就可以直接使用asset方法,它就是直接簡單粗暴地找你給它名稱的文件咯。

讀到這里,這篇“l(fā)aravel中asset()方法如何用”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領(lǐng)會,如果想了解更多相關(guān)內(nèi)容的文章,歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI