vuepress打包部署到Gitee Pages访问页面出现样式丢失

一、打包部署到Gitee Pages服务后，打开网站地址页面显示如下：

二、解决方法

1.官方文档GitHub Pages

（1）在 docs/.vuepress/config.js 中设置正确的 base。
如果你打算发布到https://<USERNAME>.github.io/，则可以省略这一步，因为 base 默认即是 “/”。
（2）如果你打算发布到https://<USERNAME>.github.io/<REPO>/（也就是说你的仓库在 https://github.com/<USERNAME>/<REPO>），则将 base 设置为 “/<REPO>/”。

<USERNAME>：用户名
<REPO>：仓库名称

2.Gitee Pages

（1）Gitee Pages网站地址是https://gitee.com/用户名/仓库名称.git
（2）我的gitee仓库名是vue-press，路径：docs/.vuepress/，修改config.js配置文件在module.exports中添加base: '/vue-press/'。

3.重新打包部署即可解决

命令：

npm run docs:build

三、图片加载失败

1.我是放在docs/.vuepress/public路径

2.把.md文件中照片路径"\"改成"/"，注意最左边不要加下划线"/"

（1）改成

（2）重新部署上去

图片已加载显示