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

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

vue+webpack動態設置圖片src導致404錯誤

vue+webpack動態設置圖片src導致404錯誤

暮色呼如 2018-09-11 09:10:09
初學vue+webpack,主要想實現一個拼圖的效果。webpack配置如下{     test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,     loader: 'url',     query: {       limit: 10000,       name: utils.assetsPath('img/[name].[hash:7].[ext]')     }   }一直報404的錯誤,應該是webpack沒有找到圖片。如果代碼改為以下這種格式就沒有問題,但是我需要隨機排序,不能寫死順序,這種問題應該如何解決呢?export default {  data () {    return {      puzzles: [{src: require('../assets/logo1.jpg')}...]     }   }
查看完整描述

1 回答

?
瀟瀟雨雨

TA貢獻1833條經驗 獲得超4個贊

js動態生成的路徑無法被url-loader解析到,如果你去build,會發現圖片甚至不會打包輸出到dist目錄(webpack是按需打包的)。

如果你是vue-cli初始化的項目,解決的辦法:
第一步,把圖片放到src同級的static目錄(build/build.js文件中有一段代碼是把static目錄拷貝到dist/static的),比如圖片放在static/a.png
第二步,js中使用/static/a.png去引用就行了。


查看完整回答
反對 回復 2018-10-04
  • 1 回答
  • 0 關注
  • 1219 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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