vuepress生成静态文件 部署到nginx 反向代理服务器

本文介绍了如何使用 VuePress 生成静态文件,并将其部署到 Nginx 服务器,重点讲解了在 Nginx 上配置 base 路径为 "/" 和 "/doc" 的方法,以及在同一端口部署两个 Vue 服务的解决方案。通过实例展示了具体的 Nginx 配置,帮助读者解决 VuePress 在非 GitHub Pages 环境下的部署问题。
摘要由CSDN通过智能技术生成

最近apex英雄很火,个人搞了一个小破站,用国外tracker网站的api做了一个战绩查询工具,并添加了一键举报。

最近想写个博客,因为一直对vue情有独钟就想看看有没有什么开源的博客工具。

搜索一番发现了vuepress,然后才发现原来很多开源的vue组件或者工具的文档都是用这个来写的。。。

最终效果

http://m.apex-asst.top/doc/

但是发现由于这个极其适合部署在github pages上就没人写怎么部署在nginx上,稍微踩了一点坑总结一下。官方部署的文档链接

基本配置

主要关注配置中的

base

类型: string

默认值: /

部署站点的基础路径,如果你想让你的网站部署到一个子路径下,你将需要设置它。如 Github pages,如果你想将你的网站部署到 https://foo.github.io/bar/,那么 base 应该被设置

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值