好久沒有做vue項目了 處於遺忘狀態了……
這次用vue做了一個移動端大轉盤抽獎活動,打包的時候出現了圖片路徑問題報錯問題,百度解決了,記錄下
分為css打包路徑和js打包路徑報錯問題
1、css主要修改兩個配置文件,首先將build文件夾下的until.js文件打開,找到如圖1所示的地方加上publicPath,然后找到config文件夾下的index.js里面的build對象下的assetsPublicPath,如圖2所示把'/'改成‘./’
2、js中使用先把圖片放到static文件夾下面,然后按着./static/img/x.png去引用就行了。原因呢是js動態生成的路徑無法被url-loader解析到,所以這個路徑應該是index.html和圖片的相對位置
注:也可以直接把圖片全部放到騰訊雲之類的服務器上,這樣就用擔心路徑報錯了