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访问需要避免跨域问题。