若依分离版本摆设流程—开启HTTPS访问。

目录
 前言
一、申请证书
 二、后端打包
三、前端打包
 四、服务器摆设
① Redis启动
 ② 运行Jar包
③ 上传ssl证书到服务器
④ Nginx设置前端部分
 五、访问

---

 前言

   在若依分离版本的项目摆设过程中，跟大多数前后端分离项目差不多，都是前后端分别打包到服务器设置启动这都没什么问题，重点就是启动之后的前后端接口访问联调上，因为存在代理转发等问题，导致摆设大概会成为较花时间的一项流程。
  
  此文章演示阐明使用HTTPS协议和域名访问到摆设项目的流程，摆设流程千万万，在此仅提供一种思绪供参考。
  
一、申请证书

   因为需要开启HTTPS协议的访问，则需要到你自己的域名处申请对应证书。
  不知道申请流程 点击这里，或自行百度。
   二、后端打包

   ① 设置好数据库连接信息。
  ② 设置证书路径和密码，注意：后端为Tomcat证书。
  ② 后端打包，然后将jar包上传服务器。
  证书设置，开启HTTPS： 

1. server:
2.   # 服务器端口，自己定
3.   port: 8081
4.   ssl:
5.     protocol: TLS
6.     key-store: classpath:scs1722412621641_ry.m***.cn_server.jks
7.     key-store-password: Qf5.n^@***gyu  

复制代码

 打包：

三、前端打包

    直接实验打包命令npm run build:prod，代理转发到nginx反向代理去做。
  

 四、服务器摆设

① Redis启动

    使用命令:nohup ... & ,把redis服务丢到后台运行，并当前目录生成一个日志文件记录日志。
  

 ② 运行Jar包

   

• 先使用java -jar命令在前台运行，看jar包是否能跑起来。
  

          在此注意查抄数据库的连接和Redis是否正常。
  

• 没问题就使用nohup java -jar ... &放后台去运行。
  

  

③ 上传ssl证书到服务器

   上传Nginx的ssl证书到服务器，目的是提供给nginx设置中引用。
  位置随便放，记住路径到nginx设置上就行。 

④ Nginx设置前端部分

   把dist包上传到服务器上任意位置，记住路径，到nginx设置文件nginx.conf中设置前端文件路径和反向代理。
  

打开设置文件进行设置：

 Nginx设置阐明：

   ① 上图静态资源的路径就是dist包下的资源路径，设置好。
  ② 修改好nginx设置之后，记住使用命令：nginx -s reload 重载设置文件。

1.         # 若依后台管理端
2.         server {
3.                 listen       443 ssl;
4.                 server_name  ry.meibug.cn;
5.                
6.                 # ssl证书的pem文件路径
7.                 ssl_certificate  /card/ry/scs1722412621641_ry.m***.cn_server.crt;
8.                 # ssl证书的key文件路径
9.                 ssl_certificate_key /card/ry/scs1722412621641_ry.m***.cn_server.key;
10.                
11.                 location /prod-api {
12.                         proxy_set_header Host $http_host;
13.                         proxy_set_header X-Real-IP $remote_addr;
14.                         proxy_set_header REMOTE-HOST $remote_addr;
15.                         proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
16.                         rewrite ^/prod-api/(.*)$ /$1 break;
17.                         proxy_pass https://localhost:8081;
18.                 }
19.                
20.                 location /{
21.                         root   html/ryVue3;
22.                         index  index.html  index.html;
23.                         try_files $uri $uri/ /index.html;
24.                 }
26.         }

复制代码

 五、访问

 至此摆设已完毕。

记录一个错误（根据上方流程不会出现此错误）：
访问时反复提示：【登录状态已过期，您可以继承留在该页面，大概重新登录】

发现是前端访问后端接口路径的问题，代理转发地点未过滤后端接口访问前缀/dev-api，根据上方nginx设置将前缀去除问题办理。在前端的vite.config.js中存在代理转发的前缀去除利用，但是我修改并没有效果,因此在打包时就没有修改前端设置，末了到nginx反向代理中做处理办理掉了。


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。