vuepress部署到githab样式不起作用

已于 2023-05-08 09:52:05 修改
阅读量176 收藏 1
点赞数 1
分类专栏： 项目 文章标签： html css vue.js
于 2023-05-06 15:06:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30351747/article/details/130527623
版权

vuepress部署到githab样式不起作用

很多资料说把config.js里的base值改成 './' 就可以了，但是依旧不起作用。

解决方式如下

把base的值换成仓库名就可以了。

在这里插入图片描述

在这里插入图片描述

参考：https://www.jb51.net/article/263056.htm

资料站：https://theme-hope.vuejs.press/zh/guide/

Mr.Meng_95
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vuepress打包部署到Gitee Pages访问页面出现样式丢失
qq_45415736的博客
04-17 890
（1）在 docs/.vuepress/config.js 中设置正确的 base。如果你打算发布到https://.github.io/，则可以省略这一步，因为 base 默认即是 “/”。（2）如果你打算发布到https:///（也就是说你的仓库在 https://github.com/），则将 base 设置为 “//”。：用户名：仓库名称。
VitePress部署到Github Pages后发现样式全错乱了怎么办？
素的还真
10-25 478
VitePress部署到Github Pages后发现样式全错乱怎么办？当我们部署到Github pages线上后，发现全是样式错乱的，也就是无样式，怎么办？这个时候我们作为前端开发者，可以打开浏览器调试看看就发现了，是静态资源地址不对
在项目中使用 VitePress 作为文档常见问题：样式丢失，图标丢失，打包错误，中文配置修改等
最新发布
weixin_57818879的博客
06-27 691
总结和记录自己在使用 vitepress 作为 Vue 项目文档时遇到的问题，以及解决方法。包括样式丢失，图标丢失，打包错误，中文配置修改等。
Vuepress博客部署出问题
xCnCcw的博客
04-01 168
yarn deploy命令后后 dist文件夹只出现404.html 没有index.html 这是什么原因啊 导致发布到github上也只有404这个文件 （本地localhost：8080是可以成功执行的）
使用vuepress搭建博客打包之后出现样式无法加载问题
addction的博客
03-10 886
使用vuepress快速搭建博客打包之后出现样式无法加载问题
关于vuepress打包之后页面样式丢失问题两种解决方案
Blog_Bridge
03-02 3198
解决方案有两种，可以自行选择，vuepress的路由模式写的是history模式，所以解决方案主要是面向两种不同模式（hash / history）
Vuepress部署
02-24
否则，部署按钮将不起作用。 标题细节Netlify 只需单击一下Netlify，“部署到Netlify”按钮就可以帮助用户从模板部署新站点。VuePress部署这是用的的Starter模板和渐进式Web应用程序（PWA）。 并且它将NetlifyCMS与...
.vue文件 加scoped 样式不起作用的解决方法
08-27
scoped 样式不起作用的解决方法 scoped 属性是 Vue 中的一个重要概念，用于限定样式的作用域，使得样式不影响其他组件。但是，如果不正确地使用 scoped 属性，可能会导致样式不起作用的情况。本文将详细介绍 scoped...
Vue打包部署到Nginx时,css样式不生效的解决方式
10-15
总结来说，解决Vue打包部署到Nginx时CSS样式不生效的问题，需要关注Vue CLI的打包配置（尤其是`assetsPublicPath`），以及Nginx的MIME类型配置。正确设置这些参数，可以确保CSS和其他静态资源被正确地服务和解析，...
vue项目部署到nginx/tomcat服务器的实现
10-16
在进行Vue项目部署到Nginx或Tomcat服务器的过程之前，需要了解一些基本概念。Vue.js是一种流行的前端JavaScript框架，用于构建用户界面和单页应用程序。Nginx是一个高性能的HTTP和反向代理服务器，而Tomcat则是一个...
vuepress 前后端在一起部署时，需要把前端生成文件放到 springboot识别的目录中
10-05
vuepress 前后端在一起部署时，需要把前端生成文件放到 springboot识别的目录中
vuepress打包报错：error Error rendering /:
东扯葫芦西扯瓜——前端小菜鸟的博客
09-06 2622
error Error rendering /:
Hugo博客部署到GitHub无法显示CSS、JS踩坑
各行棋道丶的博客
04-05 7306
背景 最近我跟着网上的教学搭建了一个Hugo的个人博客。 一路顺利，直到部署到GitHub后出了问题。 问题 那是遇到了什么问题呢？ 我搭建好的个人博客在本地运行是这样的↓ 很完美，对吧。 可是部署到GitHub后，访问远端是这样的↓ 这就出大问题了呀，CSS样式没了。 然后浏览器F12看了下报错↓ 它是加载失败，并不是找不到文件，也就说并不是我代码路径有问题，那排除了代码问题，那应该就是我...
关于vuepress打包部署后样式错乱的问题
kirinlau的专栏
01-12 2721
组件库完成后采用的是vuepress做的单独线上文档，本地正常，但是打包部署后访问文档发现样式错乱。 排查了一下发现是路径问题, 搜了一下很多相关问题也没说清楚，其实只需要设置一下config的配置就好了 base: '/m-ui-doc/', // 部署的路径配置 dest: './dist', // 设置输出目录 这个base的配置应为域名下的层级路径，如： // https://doc.smart.com/activity/sit/xxx/doc/index.html // 配置为 base:
[vite] 项目打包后页面空白,配置了base后也不生效
jinwenshuo2007的博客
08-16 4000
vite打包项目后页面空白,配置了base和history也没用的，看这里
vuepress build 后样式，css丢失
大白的博客
01-16 3119
vuepress build 后样式，css丢失 base: ".", 这里加个. 就好了
vitepress 几步轻松搭建博客
好川的博客
02-26 5489
💎vitepress使用场景简单的说 ，只要会用markdown语法，就能构建自己的博客、笔记、使用文档等系统；✨vitepress优势优势介绍傻瓜式操作只需要配置 菜单 和 对应的markdown就能实现博客、笔记等系统 自由性能优势基于 vue3 和 vite 超快的启动速度，和更小的打包体积相比vue2 的 vuepress 更具有优势写的少，做的多专注于编写并以最少的配置进行部署，真正的 SSG + SPA 架构疯狂独特设计与主题自带各种独特的主题，我们只需填充内容和配置。
Vuepress项目打包出现样式丢失，黑白效果。
weixin_57677300的博客
11-24 1975
今天部署vuepress项目时，出现了样式丢失，网页打开黑白。
如何将vuepress项目部署到GitHub Pages
04-07
您可以按照以下步骤将vuepress项目部署到GitHub Pages： 1. 首先，您需要在GitHub上创建一个新的仓库，并将其命名为username.github.io（其中username是您的GitHub用户名）。 2. 在您的vuepress项目中，创建一个新...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值