第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

vue+webpack動(dòng)態(tài)設(shè)置圖片src導(dǎo)致404錯(cuò)誤

vue+webpack動(dòng)態(tài)設(shè)置圖片src導(dǎo)致404錯(cuò)誤

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

1 回答

?
瀟瀟雨雨

TA貢獻(xiàn)1833條經(jīng)驗(yàn) 獲得超4個(gè)贊

js動(dòng)態(tài)生成的路徑無(wú)法被url-loader解析到,如果你去build,會(huì)發(fā)現(xiàn)圖片甚至不會(huì)打包輸出到dist目錄(webpack是按需打包的)。

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


查看完整回答
反對(duì) 回復(fù) 2018-10-04
  • 1 回答
  • 0 關(guān)注
  • 1217 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)