vue項目打包后放服務(wù)器非根目錄下圖片找不到問題
更新時間：2023年12月06日 14:49:55 作者：lilongwei4321
這篇文章主要介紹了vue項目打包后放服務(wù)器非根目錄下圖片找不到問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
vue項目打包后放服務(wù)器非根目錄下圖片找不到
1.剛開始我的圖片是放在static中
但是嘗試多種方法，放到非根目錄下圖片就是不顯示，最后解決方法是把圖片放在了src/assets下，頁面import引入
2.引入static中的背景圖怎樣編輯呢？
使用相對路徑來編輯，具體有幾個“../”需要看文件放在哪里。
但是這種寫法的前提是先配置webpack.dev.conf.js和webpack.prod.conf.js，
具體配置請參考//www.dbjr.com.cn/javascript/307061r3n.htm
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
在前端開發(fā)中，經(jīng)常會遇到一些通過遍歷循環(huán)來獲取想要的內(nèi)容的情形，這時候就需要用到forEach()了，下面這篇文章主要給大家介紹了關(guān)于Vue必學(xué)知識點之forEach()使用的相關(guān)資料，需要的朋友可以參考下2021-05-05
解決vue?vite啟動項目報錯ERROR:?Unexpected?“\x88“?in?JSON?的問題
這篇文章主要介紹了vue?vite啟動項目報錯ERROR:?Unexpected?“\x88“?in?JSON?原因,本文給出出現(xiàn)此類問題的原因所在并給出解決方法，需要的朋友可以參考下2022-09-09
這篇文章主要介紹了Vue實現(xiàn)接口進度條功能，在請求數(shù)據(jù)的過程中，需要添加監(jiān)聽函數(shù)來監(jiān)測數(shù)據(jù)請求的過程變化，并更新組件相應(yīng)的屬性和界面元素,本文結(jié)合實例代碼詳細講解，需要的朋友可以參考下2023-04-04
這篇文章主要為大家詳細介紹了使用vue制作滑動標(biāo)簽，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-09-09
過濾器是vue為開發(fā)者提供的功能，常用于文本的格式化，過濾器應(yīng)該被添加在JavaScrip表達式的尾部，由“管道符”進行調(diào)用，這篇文章通過案例給大家講解Vue過濾器介紹及使用方法，需要的朋友參考下吧2022-11-11
這篇文章主要介紹了Vue組件間數(shù)據(jù)傳遞的方式，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
裝飾器是一種與類相關(guān)的語法糖,用來包裝或者修改類或者類的方法的行為,其實裝飾器就是設(shè)計模式中裝飾者模式的一種實現(xiàn)方式,下面這篇文章主要給大家介紹了關(guān)于Vue中使用裝飾器的相關(guān)資料,需要的朋友可以參考下2022-01-01
這篇文章主要介紹了Vue手寫實現(xiàn)異步更新詳解，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下，希望對你的學(xué)習(xí)有所幫助2022-08-08
vue-cli2與vue-cli3在一臺電腦共存的實現(xiàn)方法
這篇文章主要介紹了vue-cli2與vue-cli3在一臺電腦共存的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
為了提升頁面加載速度,我們可以使用頁面骨架屏技術(shù)來優(yōu)化用戶感知,下面就跟隨小編一起學(xué)習(xí)一下如何在vue中實現(xiàn)頁面骨架屏吧2024-03-03