vue-cli5如何配置https

Vue CLI 5 配置 HTTPS 的步骤如下：

1. **安装 SSL 证书**：首先你需要获取一个 SSL 证书。你可以从 Let's Encrypt、Cloudflare 或购买自签名证书。对于测试环境，Let's Encrypt 提供的免费证书通常足够。

2. **生成SSL文件**：使用 OpenSSL 工具创建 SSL 文件。例如，如果你的证书是 `yourdomain.crt` 和私钥 `yourdomain.key`，命令可能是这样的：

   openssl req -x509 -newkey rsa:2048 -nodes -keyout yourdomain.key -out yourdomain.crt -days 365 -subj "/CN=yourdomain"

3. **修改 Vue CLI 配置**：
打开 `.env.development` 或 `.env.production` 文件（取决于你想在哪里启用HTTPS），添加以下内容：

   # .env.development
   VUE_APP_BASE_URL=https://yourdomain.com

   # .env.production
   VUE_APP_BASE_URL=https://your-production-url.com

4. **启动 HTTPS**：
使用 Vue CLI 的构建工具（如 `npm run serve` 或 `vue-cli-service serve`）启动项目，Vue CLI 会自动监听 HTTPS 端口（默认是 443，可以更改为其他端口如 8080）。

5. **更新代理设置**：如果使用了如 `axios` 或者 `vue-router` 的代理功能，记得更新它们的配置以指向 HTTPS 基础 URL，防止跨域问题。

6. **部署到服务器**：将生成的证书上传到你的服务器，然后配置服务器以使用这些证书来处理 HTTPS 请求。