下载phpstudy小皮面板，快速生成SSL证书

官网下载（按下鼠标滚轮打开新页面）

1、选择网站
2、创建网站

3、弹窗后输入域名、根目录（随便选一个目录，因为后面改 nginx.conf 不需要的）后，再选择https，点击左下角生成开发者测试证书

4、填完后，保存。然后关闭小皮面板，提示保留服务就全部关闭

找到 conf 文件修改代理地址

你的小皮安装配置路径：D:\phpstudy_pro\Extensions\Nginx1.15.11\conf\vhosts

找到你刚刚改好的域名进行修改

conf修改内容如下：

1. 主要是添加了这个：vue项目 proxy_pass http://192.168.31.7:8080;
2. 然后把location ~和error_page下的全部注释掉

server {
        listen        443 ssl;
        ssl_certificate D:/phpstudy_pro/Extensions/Nginx1.15.11/conf/ssl/ly.test.pem;
        ssl_certificate_key D:/phpstudy_pro/Extensions/Nginx1.15.11/conf/ssl/ly.test.key;
        ssl_session_timeout 5m;
        ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
        ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
        ssl_prefer_server_ciphers on;
        server_name  ly.test;
        #root   "D:/phpstudy_pro/WWW/audio-recorder";
        location / {
            index index.php index.html error/index.html;
        proxy_pass http://192.168.31.7:8080;
            #error_page 400 /error/400.html;
            #error_page 403 /error/403.html;
            #error_page 404 /error/404.html;
            #error_page 500 /error/500.html;
            #error_page 501 /error/501.html;
            #error_page 502 /error/502.html;
            #error_page 503 /error/503.html;
            #error_page 504 /error/504.html;
            #error_page 505 /error/505.html;
            #error_page 506 /error/506.html;
            #error_page 507 /error/507.html;
            #error_page 509 /error/509.html;
            #error_page 510 /error/510.html;
            #include D:/phpstudy_pro/WWW/audio-recorder/nginx.htaccess;
            #autoindex  off;
        }
        #location ~ \.php(.*)$ {
        #    fastcgi_pass   127.0.0.1:9000;
        #    fastcgi_index  index.php;
        #    fastcgi_split_path_info  ^((?U).+\.php)(/?.+)$;
        #    fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;
        #    fastcgi_param  PATH_INFO  $fastcgi_path_info;
        #    fastcgi_param  PATH_TRANSLATED  $document_root$fastcgi_path_info;
        #    include        fastcgi_params;
        #}
        #rewrite ^(.*)$ 192.168.31.7:8080$1 permanent;
}

重启nignx

后退找到nginx安装路径：D:\phpstudy_pro\Extensions\Nginx1.15.11

打开CMD

输入命令：nginx.exe，开启nginx

完成效果