VSCode 配置https请求

1,497 阅读1分钟

本地怎么配置https请求呢

一、插件

VSCode编辑器安装Live Server插件, 就是这个

image.png

二、openSSL生成本地证书

分别执行以下命令

openssl genrsa -out privkey.pem 1024/2048
openssl req -new -x509 -key privkey.pem -out server.pem -days 365

按照步骤填写信息,测试环境下可随意填写或者为空也可以 生成如下两个文件

image.png

三、配置Live Server插件

setting.json中增加如下配置

    "liveServer.settings.https": {
            "enable": true,
            "cert": "/xx/xx/server.pem", // 你的证书路径
            "key": "/xx/xx/privkey.pem",
            "passphrase": ""
    },

四、使用

文件右键选择Open with Live Server 或者点击Go Live就可以打开html文件啦 image.png

会提示不安全,但不影响测试使用 image.png

五、https和http互相切换

不想用https了,或者需要用http时, 配置下搜索 Live Server https, enable改为false就可以

image.png

参考文档

lihefei.blog.csdn.net/article/det… blog.csdn.net/lihefei_cod… blog.csdn.net/weixin_5161…