手机网站样式代码排行榜网站

🧩 场景假设

• 项目本地运行或通过本地 web 服务器（如 Nginx、http-server、vite）访问

• 假设域名为 myadmin.local（可以任意命名）

---

步骤 1：安装 mkcert

1. 下载 mkcert：

   • 访问 https://github.com/FiloSottile/mkcert/releases

   • 下载mkcert并修改文件名为 mkcert.exe，放入你想放的任意目录（例如：C:\Windows\System32 ）。

   • 将你放 mkcert.exe 的目录配置进系统 PATH

2. 安装本地根证书（第一次执行）：

mkcert -install

✅ 成功后，系统会自动将本地根证书导入 Windows 信任中心（浏览器也会信任）

---

步骤 2：生成 HTTPS 证书

mkcert myadmin.local

在你执行命令的当前目录会生成两个文件：

myadmin.local.pem # 证书 
myadmin.local-key.pem # 私钥

---

步骤 3：配置本地 hosts 文件

以管理员权限打开：

C:\Windows\System32\drivers\etc\hosts

添加：

127.0.0.1 myadmin.local

---

步骤 4：本地 HTTPS 服务器（任选其一）

✅ 方式 A：用 Nginx 搭建本地 HTTPS 静态服务

1. 安装 Windows Nginx（官网 或 zip 包解压）

2. 编辑 conf/nginx.conf：

server {listen       443 ssl;server_name  myadmin.local;ssl_certificate      C:/certs/myadmin.local.pem;ssl_certificate_key  C:/certs/myadmin.local-key.pem;root   C:/Projects/goadmin-site/dist;index  index.html;location / {try_files $uri $uri/ =404;}
}server {listen 80;server_name myadmin.local;return 301 https://$host$request_uri;
}

1. 启动 Nginx：

start nginx.exe

1. 浏览器访问：

https://myadmin.local/