核心：基于 CaddyServer2
一、打包你的前端项目
以 npm 为例：
npm run build具体命令请以你的实际项目为准（作为前端你肯定不需要我多说了）
二、下载安装 Caddy
下载链接
先用上面的链接下载。
由于我们目前没有别的需求，只是为了运行，所以直接选择右边的 Download 就行，不用额外勾选插件。
下载完成之后，不用运行，这不是个安装包。
- 直接放在你喜欢的地方即可
- 重命名成
caddy.exe - 给
caddy.exe所在目录配置一个环境变量（就像配置 node 和 npm 的环境变量一样）
这里也提供另外一种更流畅的方式：
你可以直接把这个文件复制一份放在你构建后的 dist/ 目录中，然后走下面的步骤，流程是一样的，也更加省事
只不过下次构建了之后这个目录会被清空罢了。。
三、部署和运行
到这一步其实就很简单了。
- 因为我们配置了环境变量，所以你需要重新打开一个命令行窗口（CMD 或者 PowerShell，
别抬杠说 Windows Terminal，因为Windows Terminal 也是打开的这俩，别用 Git Bash ！！因为 Bash 是 Linux 下的） - 然后进入你 Build 之后的 dist/ 目录（当然你也可以在这个目录下打开命令行终端）
- 运行
caddy file-server
好啦，访问一下你的 80 端口吧~
四、给你的网站加个 https 小锁
Caddy 能够出圈，就在于他以 https 为第一优先，他甚至支持本地的 https（测试后发现 IP 貌似不行）。
如需添加 https ，你需要指定一个域名，比如 localhost 。
举个例子：
先 ctrl+c 停掉 caddy，然后执行👇：
caddy file-server --domain localhost就像这样：
或者这样👇：
caddy file-server --domain 192.168.2.73