[vue] 怎么解決vue打包后靜態資源圖片失效的問題？

上面蠻多回答感覺像開玩笑似的，靜態資源圖片失效分幾種情況。 1、確定線上環境是否在根路徑上，配置資源根目錄，vue-cli2 和 vue-cli3 字段不一致（assetsPublicPath 和 publicPath ），如果項目是根路徑上，用'/'，'./'都行，如果是在'/hc'這個路徑上，用'./' 相對路徑（需history模式），也可以用'/hc/'。 在'/hc'路徑上，如果需要本地和線上保持一致，可以用環境做判斷設置不同的publicPath值。 2、確定靜態文件放置的位置。 ①、如果放在public/static，不經過webpack打包， 放在public 又分使用絕對路徑和相對路徑。 ②、如果放在assets， 經過webpack打包， 使用的是相對路徑 3、路徑是否是動態的，如果是動態，需要用require() 引入。

個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關前端面試題

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的[vue] 怎么解决vue打包后静态资源图片失效的问题？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。