workspace/notes/前端开发/https/nginx_https配置.md

mkcer (本地)

下载

下载地址：https://github.com/FiloSottile/mkcert/releases

根据系统下载即可

安装

打开 cmd 执行命令

mkcert-v1.4.4-windows-amd64.exe -install

点击 是 即可

安装成功后会提示

生成自签证书

执行命令

mkcert-v1.4.4-windows-amd64.exe localhost 127.0.0.1 ::1 192.168.1.131

成功提示

这样就成功啦，然后生成的证书在 mkcert-v1.4.4-windows-amd64.exe 的同级目录下

配置 nginx

配置文件参考

#user  nobody;
worker_processes  1;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;

    sendfile        on;
    keepalive_timeout  65;

    # ✅ HTTP 服务监听 8088
    server {
        listen       8088;
        server_name  localhost;

        location / {
            root   html;
            index  index.html index.htm;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

    # ✅ HTTPS 服务监听 443（使用 mkcert 生成的证书）
    server {
        listen       443 ssl;
        server_name  192.168.1.131;

        ssl_certificate      D:/Devtool/localhost+3.pem;
        ssl_certificate_key  D:/Devtool/localhost+3-key.pem;

        ssl_session_cache    shared:SSL:1m;
        ssl_session_timeout  5m;

        ssl_protocols TLSv1.2 TLSv1.3;
        ssl_ciphers  HIGH:!aNULL:!MD5;
        ssl_prefer_server_ciphers  on;

        location / {
            root   html;  # 若是 Vue 项目请替换为 dist 目录路径
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
        }
    }
}