VSCode设置Live Server https

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地址

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