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

以前在安装hexo的时候出了样式问题，现在用vuepress也出现了相同的问题。
本地测试完全可以

然而打包之后就彻底乱了

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

通过修改index.html里的内容。将/改为./

发现部分样式恢复，可以推断是打包的时候全部是绝对路径，而本应该是相对路径

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

由于我根目录下加了其他东西所以没有把打包后文件放在根目录里而是放在根目录的blog文件夹下，所以base必须改
改成什么呢，就是你根目录下的打包文件名，我这里是blog（网站根目录下）

所以base改成

"base": "/blog/"

这样就不会出现样式问题了

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

如何解决vuepress部署出现样式问题相关推荐

解决nginx部署后css、js、图片等样式不加载的问题
解决nginx部署后css.js.图片等样式不加载的问题参考文章: (1)解决nginx部署后css.js.图片等样式不加载的问题 (2)https://www.cnblogs.com/smallf ...
解决Layui的switch样式显示问题
解决Layui的switch样式显示问题参考文章: (1)解决Layui的switch样式显示问题 (2)https://www.cnblogs.com/evanmemo/p/9166870.htm ...
vue-cli3.0结合lib-flexible、px2rem实现移动端适配，完美解决第三方ui库样式变小问题
vue-cli3.0结合lib-flexible.px2rem实现移动端适配,完美解决第三方ui库样式变小问题参考文章: (1)vue-cli3.0结合lib-flexible.px2rem实现移动 ...
使用UI框架时 css不生效使用/deep/完美解决避免污染全局样式
使用UI框架时 css不生效完美解决避免污染全局样式使用前端UI框架时在页面上单独修改css 但是不生效都是在 <style scoped> </style>这样的模式 ...
3款好用的知识库软件，帮你解决私有化部署，老板抓紧收藏
聊选题.定方案.促执行.在这些办公场景中,在线文档相比本地文档总能有非常明显的优势,毕竟同时编辑群策群力而且一个链接就能分享,一个浏览器甚至一部手机就能上手的便捷.当然布局自由,如果能以block的形 ...
一次性解决office部署问题（即点即用等）
前言因为之前电脑安装了office2019,后面需要安装Visio,下载安装时报错30204-44,查看发现之前安装的office版本是即点即用版,可能这两者不兼容.网上搜索教程等,最后发现一个工具 ...
spire.office.for.net 5.9.2完美解决WEB部署问题,用于Crack版!
最近有许多人问我工具找不到之类的,我打算建个群有意的可以自行加入修补程序补丁,仅包含更新的dll文件君羊1058483479 新集合5.9.2:spire.office.for.net:年底 ...
解决Web部署 svg/woff/woff2字体 404错误
问题:最近在IIS上部署web项目的时候,发现浏览器总是报找不到woff.woff2字体的错误.导致浏览器加载字体报404错误,白白消耗了100-200毫秒的加载时间. 原因:因为服务器IIS不认SV ...
nignx解决vue部署服务器刷新页面出现404问题
在部署前后端分离项目项目的时候,有可能会遇到能访问页面,但是刷新页面却404. 解决办法: location / {root html/dist;try_files $uri $uri/ /index ...

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

如何解决vuepress部署出现样式问题相关推荐

最新文章

热门文章