亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

請教大佬VUE打包的時候video的poster圖片路徑錯誤

請教大佬VUE打包的時候video的poster圖片路徑錯誤

臨摹微笑 2019-05-19 14:20:37
1、打包后video下的poster的圖片路徑一直報錯,沒打包的時候 通過8080端口訪問的時候是正常的。2、這是代碼<div class="videoWrap" v-if="news.ShowType==3" @click="jumpNewsDetails(news.ShowType,news.SKID)">                              <video class="video"                                         :class="`${page.SKID}video${clickLikenewsIndex}`"                                         width="320"                                         height="240"                                         controls                                         webkit-playsinline="true"                                         playsinline="true"                                         :poster="news.News_Video_Pic ? news.News_Video_Pic :'../../static/img/television.png'">                                  <source :src="news.News_Video" type="video/mp4">                                  您的瀏覽器不支持 video 標簽。                              </video>                           </div>·以下是通過8080端口訪問的·以下是打包后的結果
查看完整描述

1 回答

?
Qyouu

TA貢獻1786條經驗 獲得超11個贊

開發模式下是以當前.vue文件的路徑作為相對路徑查找的,所以你寫'../../static/img/television.png'可以查找到,但是打包后是以我們的html文件為相對路徑,這時候我們的頁面(html文件)和static文件夾是同一路徑,所以這里你可以寫成'./static/img/television.png'查找失敗。

一般的都會把圖片路徑用import的方法生成,然后以變量的形式賦值,這樣就能保證打包后路徑解析不會出錯。


查看完整回答
反對 回復 2019-05-19
  • 1 回答
  • 0 關注
  • 1561 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號