vue項(xiàng)目打包后放服務(wù)器非根目錄下圖片找不到問題
更新時(shí)間：2023年12月06日 14:49:55 作者：lilongwei4321
這篇文章主要介紹了vue項(xiàng)目打包后放服務(wù)器非根目錄下圖片找不到問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
vue項(xiàng)目打包后放服務(wù)器非根目錄下圖片找不到
1.剛開始我的圖片是放在static中
但是嘗試多種方法，放到非根目錄下圖片就是不顯示，最后解決方法是把圖片放在了src/assets下，頁面import引入
2.引入static中的背景圖怎樣編輯呢？
使用相對(duì)路徑來編輯，具體有幾個(gè)“../”需要看文件放在哪里。
但是這種寫法的前提是先配置webpack.dev.conf.js和webpack.prod.conf.js，
具體配置請(qǐng)參考//www.fzitv.net/javascript/307061r3n.htm
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Vue3使用element-plus組件不顯示問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要給大家介紹了關(guān)于vue上傳圖片文件的相關(guān)資料，介紹了利用原始input標(biāo)簽form表單上傳、elementui自帶的el-upload上傳以及elementui實(shí)現(xiàn)一次性上傳多張圖片等方法，需要的朋友可以參考下2021-05-05
我們知道ref可以用于創(chuàng)建一個(gè)響應(yīng)式數(shù)據(jù),而toRef也可以創(chuàng)建一個(gè)響應(yīng)式數(shù)據(jù),這篇文章主要給大家介紹了關(guān)于Vue3中ref與toRef區(qū)別的相關(guān)資料,需要的朋友可以參考下2021-06-06
本篇文章主要介紹了vue+iview寫個(gè)彈框的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-12-12
推薦一款簡(jiǎn)易的solid?js消息UI庫(kù)使用詳解
這篇文章主要為大家介紹了推薦一款簡(jiǎn)易的solid-js消息UI庫(kù)使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
這篇文章主要為大家詳細(xì)介紹了vue?Echarts實(shí)現(xiàn)儀表盤案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
Vuerouter的beforeEach與afterEach鉤子函數(shù)的區(qū)別
本文詳細(xì)的介紹了Vuerouter的beforeEach與afterEach鉤子函數(shù)的區(qū)別和使用，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-12-12
Vue3+TypeScript實(shí)現(xiàn)PDF預(yù)覽組件
這篇文章主要為大家詳細(xì)介紹了如何基于Vue3+TypeScript實(shí)現(xiàn)PDF預(yù)覽組件,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-04-04
這篇文章主要介紹了vue中的循環(huán)對(duì)象屬性和屬性值用法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-09-09
vscode vue3中jsconfig與tsconfig的區(qū)別詳細(xì)講解
這篇文章主要介紹了vscode vue3中jsconfig與tsconfig區(qū)別的相關(guān)資料,jsconfig.json用于JavaScript項(xiàng)目,允許處理JS文件,tsconfig.json用于TypeScript項(xiàng)目,控制編譯選項(xiàng),文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-05-05