項目基於vue-cli搭建的,都會自動配置一些打包的參數。在實際項目中,可能會用到static下的靜態圖片。
打包出來后,圖片加載錯誤。查看圖片路徑發現有雙層的static/css/static/images。很明顯是打包的時候,路徑配置的不對。
可以通過添加publicPath:"../../"解決該問題:需要修改build文件夾下的utils.js代碼,如圖所示:
publicPath配置后,引入的圖片就會在文件路徑前添加該路徑配置;相關資料【https://webpack.docschina.org/guides/public-path/】
文章由本人親自整理,絕對原創,轉載請說明。如有問題也請大家多多包涵