在Mac上实现https://myapp.local安全访问需完成Nginx反向代理配置与mkcert生成可信SSL证书：先brew安装nginx和mkcert，运行mkcert -install注入根证书；再用mkcert生成myapp.local证书并存放至~/certs；配置nginx.conf中server块启用443端口HTTPS及proxy_pass；最后修改/etc/hosts绑定127.0.0.1并重启nginx。
在Mac上让本地开发服务通过https://myapp.local这样的域名安全访问，需要同时完成Nginx反向代理配置和本地可信SSL证书部署，否则Chrome会直接拦截页面。
安装Nginx与mkcert工具
先用Homebrew安装Nginx：brew install nginx。
再安装mkcert——这是目前macOS下生成系统级信任证书最可靠的方式：brew install mkcert nss（nss用于Firefox信任支持）。
运行mkcert -install，它会把根证书写入系统钥匙串并自动设为“始终信任”，【这一步必须成功执行，否则后续所有HTTPS请求都会被浏览器拒绝】。
生成本地域名证书
创建证书存放目录：mkdir -p ~/certs。
进入该目录后，用mkcert生成针对本地域名的证书：mkcert myapp.local localhost 127.0.0.1。
命令会生成两个文件：myapp.local+5-key.pem（私钥）和myapp.local+5.pem（证书），注意不要重命名或移动它们，Nginx配置中要严格匹配路径。
配置Nginx支持HTTPS反向代理
打开Nginx主配置文件：nano /opt/homebrew/etc/nginx/nginx.conf。
在http块末尾添加一个独立的server配置段：
server {
listen 443 ssl;
server_name myapp.local;
ssl_certificate /Users/yourname/certs/myapp.local+5.pem;
ssl_certificate_key /Users/yourname/certs/myapp.local+5-key.pem;
location / {
proxy_pass http://localhost:3000;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
}
}
⚠️ 把yourname替换成你Mac实际用户名；若后端服务端口不是3000，请同步修改proxy_pass地址。
保存退出后，执行sudo nginx -t验证语法是否正确——如果报错，90%是路径写错、括号漏闭合或分号缺失。
绑定本地域名并启动服务
第一步：编辑hosts文件，让系统识别域名：sudo nano /etc/hosts。
第二步：在文件末尾新增一行：127.0.0.1 myapp.local。
第三步：重启Nginx使配置生效：brew services restart nginx。
现在打开Chrome访问 https://myapp.local，页面应正常加载且地址栏显示锁图标——说明HTTPS握手成功，反向代理已就绪。
