如何解决vuepress部署出现样式问题

以前在安装hexo的时候出了样式问题,现在用vuepress也出现了相同的问题。
本地测试完全可以
在这里插入图片描述

然而打包之后就彻底乱了
在这里插入图片描述

即使是自己本地打包成dist之后也会出现相同的问题
有点困扰,应该是打包配置的问题

在这里插入图片描述

通过修改index.html里的内容。将/改为./
在这里插入图片描述
发现部分样式恢复,可以推断是打包的时候全部是绝对路径,而本应该是相对路径

在这里插入图片描述

最后通过加群,问群里的大佬,终于知道了问题的关键的的确确是这个base的配置问题

由于我根目录下加了其他东西所以没有把打包后文件放在根目录里而是放在根目录的blog文件夹下,所以base必须改
改成什么呢,就是你根目录下的打包文件名,我这里是blog(网站根目录下)
在这里插入图片描述
所以base改成

"base": "/blog/"

在这里插入图片描述

这样就不会出现样式问题了
在这里插入图片描述

同理在网上的部署也是如此
(所以最好部署在根目录下,这样才省事,base就不用改了)

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