VSCode设置Live Server https

一、准备证书

OpenSSL生成本地https测试证书
阿里云免费SSL证书申请

二、安装Live Server

三、配置setttings.json

setttings.json中增加一下配置

"liveServer.settings.https": {
    "enable": true,
    "cert": "C:\\cert\\server.pem", // 证书
    "key": "C:\\cert\\privkey.pem", // 私钥
    "passphrase": ""
},
// "liveServer.settings.host": "127.0.0.1", // IP  (可选)
// "liveServer.settings.port": 5500 // 端口 (可选)

四、启动https服务

在vscode左侧选择html文件，再在右下角点击Go Live启动服务

五、浏览器访问https地址

如果使用的是本地生成的证书会提示不安全，但是不影响测试使用也没关系