如何解決vuepress部署出現樣式問題

以前在安裝hexo的時候出了樣式問題,現在用vuepress也出現了相同的問題。
本地測試完全可以
在這裏插入圖片描述

然而打包之後就徹底亂了
在這裏插入圖片描述

即使是自己本地打包成dist之後也會出現相同的問題
有點困擾,應該是打包配置的問題

在這裏插入圖片描述

通過修改index.html裏的內容。將/改爲./
在這裏插入圖片描述
發現部分樣式恢復,可以推斷是打包的時候全部是絕對路徑,而本應該是相對路徑

在這裏插入圖片描述

最後通過加羣,問羣裏的大佬,終於知道了問題的關鍵的的確確是這個base的配置問題

由於我根目錄下加了其他東西所以沒有把打包後文件放在根目錄裏而是放在根目錄的blog文件夾下,所以base必須改
改成什麼呢,就是你根目錄下的打包文件名,我這裏是blog(網站根目錄下)
在這裏插入圖片描述
所以base改成

"base": "/blog/"

在這裏插入圖片描述

這樣就不會出現樣式問題了
在這裏插入圖片描述

同理在網上的部署也是如此
(所以最好部署在根目錄下,這樣才省事,base就不用改了)

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