沐鳴測速登錄地址_vue打包后靜態資源圖片失效

vue打包后靜態資源圖片失效:

老版本中需要找到config/index.js,找build打包對象里的assetsPublicPath屬性,默認值為/,更改為./就好了;

新版本中只有手動更改vue.config.js, 在裏面配置publicPath即可(從vue 3.3開始,baseUrl被廢棄,使用publicPath代替)

vue動態設置img的src不生效:

例如:

<img class="bg" :src="imgUrl" alt="">

data() {
    return {
        imgUrl: '@/assets/logo.png'
    }
}

這樣是不會显示出圖片的,要修改成以下方法即可

<img class="bg" :src="imgUrl" alt="">

data() {
    return {
        imgUrl: require('@/assets/logo.png')
    }
}

 

站長推薦

1.雲服務推薦: 國內主流雲服務商,各類雲產品的最新活動,優惠券領取。地址:阿里雲騰訊雲華為雲

2.廣告聯盟: 整理了目前主流的廣告聯盟平台,如果你有流量,可以作為參考選擇適合你的平台點擊進入

鏈接: http://www.fly63.com/article/detial/7271