问题:在使用HTML55的API时,很多API只能在https保证安全的情况下才能开启,这就要求本地开发环境也能配置https,否则需要每次部署到开发环境才能看到预览效果
使用mkcert
mkcert是一个用GO写的零配置专门用来本地环境https证书生成的工具 文档地址：https://gitcode.net/gitcode/docs-cn/mkcert-docs-cn
macOS Linux Windows均可安装
安装步骤
使用镜像安装 /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"
- 安装 brew install mkcert
安装完成功后,执行
- mkcert -install
查看证书位置:
- mkcert --CAROOT
证书搞定后在项目中生成证书文件和私钥
cd到生成凭证的目录下,通过mkcert命名来生成证书的文件和私钥
- mkcert localhost [ip] //ip地址 后缀 key.pem //私钥文件 后缀 .pem //证书文件
在 live server 中配置 https 环境
因为我们的项目很多时候是以 live server 的形式打开，因此我们可以在 live server 中配置以 https 打开项目。
在首选项 => 设置 => 扩展中找到 live server 对应的配置项：
- enable = true
- cert = 证书文件路径
- key = 私钥文件路径
其他环境中要配置 https，可以参阅：https://www.codingsky.com/m/doc/2021/8/24/116.html
