如何在本地启动https服务

准备工作

下载一个openssl
这个工具是用来生成证书的，普通的http协议不需要证书，而https协议需要有证书才能启动

生成证书

当你下完openssl并且为其配置好环境变量之后，在控制台中进入你的项目根目录然后在控制台中输入命令生成证书

openssl genrsa -out privatekey.pem 1024

然后继续输入命令生成签名

openssl req -new -key privatekey.pem -out certrequest.csr

最后根据签名和私钥生成证书

openssl x509 -req -in certrequest.csr -signkey privatekey.pem -out certificate.pem

在你生成签名的时候会有一些配置项，貌似只需要填第一项，第一项就是国家，填CN或者US都可以后面那几项都不用填就行

准备开启https的工具

之前一直在用http-server这个插件来启动本地服务，不过之前一直都是启动的http服务，但是他有个配置项也可以启动https服务
就是

http-server -S

不过这个插件好像被我捣鼓坏了，连http服务都启动不了了，目前还在找原因，不过我找到了另外一个办法就是live server
用过VScode这款编译器的同学肯定知道这款编译器支持非常多的插件，其中之一就是live server，完全可以在扩展项里面找到他

安装好了这款插件之后，我们就需要对它进行一些配置，因为这款插件默认是不支持启动https的，毕竟启动需要证书
找到文件 ------》设置，通过搜索找到liveServer的https的配置项

点击左边的小笔，我们就可以对它进行编辑了

首先enable项默认是false，把他改成true
cert和key是你的证书和私钥的路径，我这里设置的是绝对路径
最后一项可以空着
到此为止，万事大吉，当你安装完liveServer之后，会发现编译器的右下角多了一个小按钮

就是这个Go Live，点击它之后就可以启动你的https服务了，默认端口是5500，然后在你的手机端输入你的ip地址加端口号就可以在手机端进行访问了，要注意的是，当你第一次进去的时候他可能会提醒你该网站不安全，但不不要管他(你自己的网页你不知道安不安全吗)点击高级下面的继续访问就是了
再次点击这个按钮，就可以结束服务了。