vue-cli打包後圖片路徑取不到的問題

今天準備把vue-cli build 的文件發到服務器上單發現會出現圖片找不到的問題 解決辦法以下

修改 assetsPublicPath: './'

.打開webpack.prod.conf.js，在output：增長 publicPath: './'

雖然解決了資源路徑的引用問題，可是資源裏面的背景圖片仍是不顯示， background: url("../../assets/images/logo-index.png") no-repeat;被相對打包後變成了url(static/img/logo-index.2fbf2.png) no-repeat因此咱們要保留css引用圖片的正常路徑，即：url(../../static/img/logo-index.2fbf2.png) no-repeat

那麼就須要修改build文件夾下的utils.js代碼，如圖所示：

親試好用 備忘