美食家大橙子 发表于 2024-11-29 00:10:16

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

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

 前言

   在若依分离版本的项目摆设过程中，跟大多数前后端分离项目差不多，都是前后端分别打包到服务器设置启动这都没什么问题，重点就是启动之后的前后端接口访问联调上，因为存在代理转发等问题，导致摆设大概会成为较花时间的一项流程。

此文章演示阐明使用HTTPS协议和域名访问到摆设项目的流程，摆设流程千万万，在此仅提供一种思绪供参考。

一、申请证书

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

   ① 设置好数据库连接信息。
② 设置证书路径和密码，注意：后端为Tomcat证书。
② 后端打包，然后将jar包上传服务器。
证书设置，开启HTTPS： 
https://i-blog.csdnimg.cn/direct/f8fdd421348b4ac5933b1481cf1ba33d.png
server:
# 服务器端口，自己定
port: 8081
ssl:
    protocol: TLS
    key-store: classpath:scs1722412621641_ry.m***.cn_server.jks
    key-store-password: Qf5.n^@***gyu  打包：
https://i-blog.csdnimg.cn/direct/94d3285c65d249ed8ebe37e8056fa351.png

三、前端打包

    直接实验打包命令npm run build:prod，代理转发到nginx反向代理去做。
https://i-blog.csdnimg.cn/direct/d283883353154fe59cef98da12b3da9f.png

 四、服务器摆设

① Redis启动

    使用命令:nohup ... & ,把redis服务丢到后台运行，并当前目录生成一个日志文件记录日志。
https://i-blog.csdnimg.cn/direct/0580c40ac9c040c6b78b4edc1d3e82c5.png
 ② 运行Jar包

   

[*]先使用java -jar命令在前台运行，看jar包是否能跑起来。
        在此注意查抄数据库的连接和Redis是否正常。


[*]没问题就使用nohup java -jar ... &放后台去运行。
https://i-blog.csdnimg.cn/direct/31b7accdce0943cab49b65c0c995501c.png
https://i-blog.csdnimg.cn/direct/0380c81157a74c2ba5c8c2f232700c11.png
③ 上传ssl证书到服务器

   上传Nginx的ssl证书到服务器，目的是提供给nginx设置中引用。
位置随便放，记住路径到nginx设置上就行。 
https://i-blog.csdnimg.cn/direct/f525aafe7609425c96ee60aaf304f0f7.png
④ Nginx设置前端部分

   把dist包上传到服务器上任意位置，记住路径，到nginx设置文件nginx.conf中设置前端文件路径和反向代理。
https://i-blog.csdnimg.cn/direct/705018b29b0e4f5cab7a8ecb72bc00ed.png
打开设置文件进行设置：
https://i-blog.csdnimg.cn/direct/0f003787f47d43aba1cf65801f49ebbe.png
 Nginx设置阐明：https://i-blog.csdnimg.cn/direct/43d33a09632a4b5d96424fc1e6d033db.png
   ① 上图静态资源的路径就是dist包下的资源路径，设置好。
② 修改好nginx设置之后，记住使用命令：nginx -s reload 重载设置文件。
        # 若依后台管理端
        server {
                listen       443 ssl;
                server_namery.meibug.cn;
               
                # ssl证书的pem文件路径
                ssl_certificate/card/ry/scs1722412621641_ry.m***.cn_server.crt;
                # ssl证书的key文件路径
                ssl_certificate_key /card/ry/scs1722412621641_ry.m***.cn_server.key;
               
                location /prod-api {
                        proxy_set_header Host $http_host;
                        proxy_set_header X-Real-IP $remote_addr;
                        proxy_set_header REMOTE-HOST $remote_addr;
                        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                        rewrite ^/prod-api/(.*)$ /$1 break;
                        proxy_pass https://localhost:8081;
                }
               
                location /{
                        root   html/ryVue3;
                        indexindex.htmlindex.html;
                        try_files $uri $uri/ /index.html;
                }

        }  五、访问

https://i-blog.csdnimg.cn/direct/5995bab6faea4702a933d0dc1b2c6902.png
 至此摆设已完毕。

记录一个错误（根据上方流程不会出现此错误）：
访问时反复提示：【登录状态已过期，您可以继承留在该页面，大概重新登录】
https://i-blog.csdnimg.cn/direct/d08d5b568a3d46a489bf270aeb7069fa.png
发现是前端访问后端接口路径的问题，代理转发地点未过滤后端接口访问前缀/dev-api，根据上方nginx设置将前缀去除问题办理。在前端的vite.config.js中存在代理转发的前缀去除利用，但是我修改并没有效果,因此在打包时就没有修改前端设置，末了到nginx反向代理中做处理办理掉了。


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: 若依分离版本摆设流程—开启HTTPS访问。