vue.js - 在 HTTPS 中运行 Visual Studio 默认的 Vue 项目

Question

我使用默认的 Vue 项目模板在 Visual Studio 2019 中创建了一个标准的 Vue 应用程序。我使用的是 Windows 10。这将创建一个简单的项目，您可以使用 Vue CLI 启动。该站点仅在 HTTP 中运行，导致我正在调试的仅接受 HTTPS 的其他项目出现问题。

我的问题：如何强制我的 Vue 站点以 HTTPS 运行？

标签： vue.jsvisual-studio-2019

Answer 1

在 Visual Studio 中，右键单击包含 Vue 应用程序的项目并选择属性。在“服务”后面的“脚本参数”中添加“--https”。确保在“serve”和“--https”之间放置一个空格。

由于 SSL 证书无法识别，您的连接很可能不安全。您可以使用mkcert创建有效的 HTTPS 证书。要使用它，请键入以下命令：

1. 安装 Chocolatey，一个包管理器：

Set-ExecutionPolicy Bypass -Scope Process -Force; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))

2. 安装 mkcert：

choco install mkcert

3. 为 mkcert 创建一个受信任的 CA，以便其证书是受信任的：

mkcert -install

4. 为本地主机创建证书：

mkcert localhost

重新启动计算机，启动您的解决方案，完成。