今天准備把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代碼,如圖所示:
親試好用 備忘