VSCode设置Live Server https

最新推荐文章于 2025-08-27 12:02:36 发布

原创最新推荐文章于 2025-08-27 12:02:36 发布 · 8.9k 阅读

22 ·

CC 4.0 BY-SA版权

文章标签：

#https #vscode #ssl

该博客介绍了如何为Visual Studio Code(VSCode)配置HTTPS本地开发环境，包括使用OpenSSL生成测试证书、在阿里云申请免费SSL证书、安装LiveServer扩展、编辑setttings.json配置文件，并启动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 // 端口 (可选)