VuePress 博客如何开启本地 HTTPS 访问
发布网友
发布时间：2024-10-02 04:01
我来回答
共1个回答
热心网友
时间：2024-10-09 13:15
在使用VuePress搭建博客并部署到Github Pages后，有时需要本地访问时以HTTPS开头。虽然VuePress官方文档中没有直接说明，但在StackOverflow上找到了解决方案。通过在config.js中添加配置，我们可以实现本地HTTPS访问。
尝试添加配置后，访问会出现安全提示，提示由于缺少SSL证书，浏览器认为连接不安全。HTTPS的原理涉及CA（证书颁发机构）和证书的加密验证。服务器需要服务器证书和私钥，而客户端则需要信任的CA根证书。这时，mkcert这个工具就派上用场，它能生成自签名的本地证书并将其添加到系统信任的证书库中。
首先，安装mkcert，然后在Mac上通过钥匙串访问查看新生成的本地CA证书。
接着，生成服务端证书和私钥，文件名为localhost+1.pem和localhost+1-key.pem。
将这两个文件复制到config.js同级目录，并在config.js中进行配置。
重启项目后，如果证书有效但仍然显示不安全，可能需要重启浏览器或在隐私模式下访问。
我的博客搭建系列教程，目前是第22篇，涵盖了VuePress的搭建、优化和部署，系列地址为github.com/mqyqingfeng/...。如果你想加入读者群或有任何反馈，可以添加微信「mqyqingfeng」。感谢你的关注和支持，如有错误或建议，请随时指正。
VuePress 博客如何开启本地 HTTPS 访问
在使用VuePress搭建博客并部署到Github Pages后，有时需要本地访问时以HTTPS开头。虽然VuePress官方文档中没有直接说明，但在StackOverflow上找到了解决方案。通过在config.js中添加配置，我们可以实现本地HTTPS访问。尝试添加配置后，访问会出现安全提示，提示由于缺少SSL证书，浏览器认为连接不安全。HTTPS的原理...
静态ip - StormProxies
"StormProxies是全球大数据IP资源服务商，其住宅代理网络由真实的家庭住宅IP组成，可为企业或个人提供满足各种场景的代理产品。点击免费测试（注册即送1G流量）StormProxies有哪些优势？1、IP+端口提取形式，不限带宽，IP纯净高匿；2、覆盖全球200+的国家与地区，超7000万住宅IP。3、高可靠性，24小时稳定运行，平均99.99%的可用率；4、性价比更高，便宜好用，单个IP也能享受最优价格，没有额外费用；5、易于使用，支持HTTP/HTTPS/SOCKS5协议，提供多种API参数，网络集成更快捷；6、客服全天在线为您排忧解难，并可根据您的业务需求制定更合适的代理…StormProxies是全球大数据IP资源服务商，其住宅代理网络由真实的家庭住宅IP组成，可为企业或个人提供满足各种场景的代理产品。点击免费测试（注册即送1G流量）StormProxies有哪些优势？1、IP+端口提取形式，不限带宽，IP纯净高匿；2、覆盖全球20...
vuePress里面怎么写vue.js代码
运行访问http://localhost:8080/ image.png 结束运行 ，执行命令 npm run docs:build 然后看文件变化 多了个node_modulesdocs 多了个 .vuepress文件夹 study+--docs+---.vuepress+--- dist //打包后的文件夹+---README.md+--package.json+--node_modules 我们在.vuepress 创建config.js ...
搭建简约实用的Hexo博客-Hingle主题基础配置&进阶配置
打开~/blog/themes/hingle/source/static/下的hingle.js文件,进行如下修改:gitclonehttps://github.com/Dreamer-Paul/Hingle.gitmvHinglethemes/hingle4 Vercel部署 以github.io结尾的域名,在国内访问经常受限,而且打开速度也非常缓慢。因此,除了部署在GitHubpages上,通常也会将Hexo博客部署到Vercel上,使得博客在国内也...
Docsify 快速搭建开源项目文档
使用浏览器打开 http://localhost:3000 预览网站效果。如果需要，可以从 Docsify 的 GitHub 仓库下载文档文件，并将其内容复制到本地 Docsify 项目的 ./docs 目录下，重新初始化项目，即可得到与 Docsify 官网一致的文档。Docsify 支持部署到多个网站，具体方法请参考官网文档：https://docsify.js.org/#/...
常用动态生成文档网站工具(插件)合集(Docsify, VuePress,Docute...
吐槽一下：左侧导航只支持3级栏目导航（h1-h3），没有Docsify灵活。 官方中文网： https://www.vuepress.cn/ Docute和Docsify差不多，但是它不支持ie...,如果不考虑ie兼容性问题的可以参考一下 官方中文网： https://docute.org/zh/ ...
