vue-cli webpack打包后加載資源的路徑問題


vue項目,訪問打包后的項目,輸入路徑后,頁面加載空白。這時會有兩類問題,都是路徑問題

1.一個是css,js,ico等文件加載不到,是目錄里少了dist

打開頁面時一片空白

解決辦法:

config/index.js文件的build->assetsPublicPath的默認值改為 './'

assetsPublicPath:資源的根目錄。這個是通過http服務器運行的url路徑。因為webapp和static中間還有層dist,所以要用'./'

 

 

2.另一個就是單純的在背景圖使用相對路徑導致加載不到圖片

例如登錄頁面的背景圖設置

我的目錄結構是這樣的,

頁的時候沒發使用@/../static   只能使用../../../static

這個時候,打包過后的登陸頁面引用圖片路徑錯誤,多了一個/static/css

解決辦法:

build/utils.js文件的ExtractTextPlugin.extract=>新增 publicPath:"../../"

publicPath:重寫該加載器(loader) css 的 publicPath 的設置

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM