vue項目打包部署的話,有時候訪問圖片會出現不能正常顯示的情況,比如:404等,遇到這種情況需要改下配置文件,以下是我自己蒐集以及整理的一些步驟,是自己實際項目中解決問題的,在此記錄以下。本人小菜鳥一個,如有問題歡迎指正~。
第一:找到build文件夾下的utils.js 文件,然後在這個文件中自己加上publicpath:'../../',是爲了css和圖片正常顯示。主要是在這個地方:
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath:'../../' 記得是自己加上去的
})
} else {
return ['vue-style-loader'].concat(loaders)
}
第二:找到config文件夾下的 index.js 找到build,記住一定是build,要是改dev沒用,因爲打包是build命令。然後這個地方改成這樣{assetpublicpath:'./'}。
改了以上兩個地方在重新打包部署,就可以啦~