用http-server开启本地https服务

401 阅读1分钟

打包了一个前端项目后,需要运行在 https 环境,想测试一下,又不想申请证书,那就这样干了,在本地搞个https 可用于自测,简单粗暴

需要先安装 node

1.先全局安装 http-server

npm i http-server -g

打开当前项目目录在 git bash 中使用以下命令生成一个证书密钥对 key.pem 和 cert.pem,它将有效期约10年(准确地说是3650天)

openssl req -newkey rsa:2048 -new -nodes -x509 -days 3650 -keyout key.pem -out cert.pem

按步骤输入对应的信息,都可以随意填写

image-20230525195839576.png

目录会多出两个文件 cert.pem key.pem

然后在打包好的前端项目目录用 cmd 运行 以下命令就可以开启https服务了,此目录下要有一个 index.html

http-server -S -C cert.pem -o  -p 8082  # 默认开启8080

再在浏览器访问 https://127.0.0.1:8080 就能看到 页面了, 是不是 so easy ? 简单粗暴

http-server不支持热更新 前端开发可使用live-server代替

前端页面热更新的两种方式待更新:

  1. live-server
  2. anywhere