VitePress部署到Github Pages後發現樣式全錯亂了怎麼辦？

VitePress部署到Github Pages後發現樣式全錯亂怎麼辦？

當我們部署到Github pages線上後，發現全是樣式錯亂的，也就是無樣式，怎麼辦？在此簡單記錄一下

這個時候我們作為前端開發者，可以打開瀏覽器調試看看就發現了，是靜態資源地址不對，如下

這個時候，我們只需修改theme/config.js中的基本路徑即可，因為我們的訪問地址是https://msyuan.github.io/vitePress-project/這樣的，所以配置修改成如下即可

export default {
  base: "/vitePress-project/",
}

再次發佈就OK了。

github項目地址：https://github.com/msyuan/vitePress-project

線上預覽效果：https://msyuan.github.io/vitePress-project

 原文地址：http://www.qianduan8.com/2099.html