vue項目打包部署上線,圖片 css 等不正常顯示的解決方式

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:'./'}。

改了以上兩個地方在重新打包部署,就可以啦~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章