2021-08-17

vupresss部署后样式丢失

当我们启动部署项目时会发现样式丢失掉了

例：

这时我们打开调试工具

---

显示资源未找到，很显然是路径出了问题

在vueprss配置路径的参数是 base

base

• 类型: string

• 默认值: /

部署站点的基础路径，如果你想让你的网站部署到一个子路径下，你将需要设置它。如 GitHub pages，如果你想将你的网站部署到 https://foo.github.io/bar/，那么 base 应该被设置成 "/bar/"，它的值应当总是以斜杠开始，并以斜杠结束。

base 将会作为前缀自动地插入到所有以 / 开始的其他选项的链接中，所以你只需要指定一次。

这时我们要到项目中修改一下路径即可

这里/book/是你部署仓库的名称

例如：https://foo.github.io/book/

提示

如果还有一些图片未正常显示，你找到对应的路径也加上即可