vscode vue搭建https服务

在VSCode中搭建Vue项目的HTTPS服务，你可以使用Vue CLI创建项目，并配置一个本地的HTTPS服务器。以下是步骤和示例代码：

注意：如果已有一个vue项目，请移步4；如果已安装http-server请移步5.

1.安装Vue CLI（如果尚未安装）

npm install -g @vue/cli

2.创建一个新的Vue项目

vue create my-vue-app

3.进入项目目录

cd my-vue-app

4.安装http-server包（一个简单的HTTP服务器）

npm install -g http-server

5.启动HTTPS服务器

需要一个有效的SSL证书

• 如果你已有SSL证书，将http-server配置为使用SSL证书。
• 如果你没有SSL证书，可以使用自签名证书。

自签名证书的示例：

mkdir cert
openssl req -x509 -nodes -days 365 -newkey rsa:2048 -keyout cert/localhost.key -out cert/localhost.crt
http-server -S -C cert/localhost.crt -K cert/localhost.key

6.修改配置

在你的Vue项目中，修改vue.config.js文件以支持HTTPS（如果你使用的是自签名证书）

module.exports = {
  devServer: {
    https: true
  }
}

7.启动Vue项目

npm run serve

现在你的Vue项目应该在HTTPS下运行了。如果你没有SSL证书，浏览器可能会警告证书不受信任，但你仍然可以访问本地开发服务器。如果你需要一个可信的SSL证书，你可以从证书颁发机构(CA)获取一个，或者使用Let's Encrypt提供的免费证书。

注意：先启动HTTPS服务器，后启动项目。

注意：如果涉及其他rest请求相关也要https。