解決vue-cli 配置資源引用的絕對路徑問題
更新時間：2022年09月09日 16:31:21 作者：linefate
這篇文章主要介紹了vue-cli 配置資源引用的絕對路徑的問題，本文通過圖文實例相結(jié)合給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
1、在vue項目中，我們經(jīng)常需要引用圖片等資源，每次用相對路徑來說太麻煩
2、于是將要解決在vue-cli下搭建的項目配置絕對路徑的位置
配置如下：
在項目中的build文件夾下的webpack.base.conf.js中進(jìn)行配置(配置詳情如上圖)
在項目中使用配置好的絕對路徑如下：
使用~加上你配置的絕對路徑的路徑名就可以在項目中使用了
如上我配置的絕對路徑名：F:/travel-vue-h5/src/assets/mages/紫霞.jpg
我配置的路徑如下：
'assets': resolve('src/assets/')該路徑的絕對路徑名我就叫做assets
使用的時候直接
<img src="~assets/images/紫霞.jpg" alt="">
解決?。。?！
到此這篇關(guān)于vue-cli 配置資源引用的絕對路徑的文章就介紹到這了,更多相關(guān)vue-cli 配置資源內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
通過vue-cli3構(gòu)建一個SSR應(yīng)用程序的方法
這篇文章主要介紹了通過vue-cli3構(gòu)建一個SSR應(yīng)用程序,以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。2018-09-09
在Vue3中,this的使用方式與Vue2存在較大差異,尤其是在引入組合式API后,本文詳細(xì)解析了Vue3中this的使用情況、底層源碼和設(shè)計理念,并提供了面試技巧,感興趣的可以了解一下2024-09-09
解決vue打包 npm run build-test突然不動了的問題
這篇文章主要介紹了解決vue打包 npm run build-test突然不動了的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
vue 查看dist文件里的結(jié)構(gòu)(多種方式)
本文通過三種方式給大家介紹了vue 查看dist文件里的結(jié)構(gòu),非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2020-01-01
這篇文章主要為大家詳細(xì)介紹了Vue3中實現(xiàn)過渡動畫的一些常用方法,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-10-10
下面小編就為大家分享一篇解決vue 更改計算屬性后select選中值不更改的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
vue中使用element ui的彈窗與echarts之間的問題詳解
這篇文章主要介紹了vue中使用element ui的彈窗與echarts之間的問題詳解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
結(jié)合axios對項目中的api請求進(jìn)行封裝操作
這篇文章主要介紹了結(jié)合axios對項目中的api請求進(jìn)行封裝操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
原生javascript中檢查對象是否為空示例實現(xiàn)
這篇文章主要為大家介紹了原生javascript中檢查對象是否為空示例實現(xiàn)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2021-11-11
這篇文章主要介紹了Vue動態(tài)加載異步組件的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11