Nginx反向代理Spring boot+vue.js多项目并使用SSL

1.下载最新版nginx对应其操作系统，安装并运行成功；

2.申请SSL证书，腾讯云、阿里云都可以；

3.部署证书到nginx，可以参考(https://cloud.tencent.com/document/product/400/4143)把两个密钥文件保存的`nginx/cert`文件夹，然后修改`nginx/nginx.conf`文件：(www.yuming.com需要替换成你的域名）

  server {
      listen 443;
      server_name www.yuming.com;
      ssl on;
      ssl_certificate  nginx/cert/1_www.example.com_bundle.crt;
      ssl_certificate_key  nginx/cert/2_www.example.com.key;
      ssl_session_timeout 5m;
      ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
      ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;
      ssl_prefer_server_ciphers on;
  }

>>重启nginx后，在浏览器中输入 https://www.yuming.com 检测是否出现nginx的欢迎页。

5.打包vue.js项目（使用命令npm run build,打包后在dist中) 加载nginx静态web文件目录

  继续修改刚才修改的server 内容并添加：（请将dist替换成自己dist文件所在的正确路径）

       

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

6.打包Springboot项目为jar，运行（cmd jar所在目录： 命令java -jar project1.jar

  如果是多模块请注意端口冲突问题），并使用nginx反向代理。

继续修改刚才修改的server 内容并添加：（请将端口号替换成自己项目访问端口号）

           

server {
   location ^~ /module1 {
       proxy_pass  http://localhost:8081;
       proxy_set_header    Host    $host;
       proxy_set_header    X-Real-IP   $remote_addr;
       proxy_set_header    X-Forwarded-For $proxy_add_x_forwarded_for;
       }

   location ^~ /module2 {
        proxy_pass  http://localhost:8082;
        proxy_set_header    Host    $host;
        proxy_set_header    X-Real-IP   $remote_addr;
        proxy_set_header    X-Forwarded-For $proxy_add_x_forwarded_for;
    }

}

 访问测试：https://www.yuming.com/module1 是否能访问项目

                 https://www.yuming.com/module2 是否能访问项目

注意：Vue.js访问需要避免跨域问题。