目录

一、下载宝塔与安装环境

1.0、购买服务器【可选：购买域名并备案】

1.0.1开放端口（具体根据宝塔面板需要开放，先开放1000-10000）

1.1下载宝塔

1.2复制地址，访问宝塔面板（可以使用putty远程连接）

1.3登陆宝塔面板【前提：开启端口号，这里是8888】

编辑 1.4安装推荐LNMP

1.5安装Redis【选择最高版本即可】

1.6安装Tomcat【选择最高版本即可】

1.7创建数据库【记住用户名与密码】

1.8在创建的数据库中添加表【在项目中找到SQL文件】

1.9上传SQL文件，导入即可

二、部署后端【记住刚刚的数据库账号和密码了么】

2.1修改数据库配置

2.2 Maven配置好【保障依赖没有问题】

2.3 后端项目打包

2.4 后端项目上传

2.4 后端项目启动

2.4.1后台启动jar包

2.4.2 访问端口进行验证【目前看来：没有问题】

三、部署前端

3.1、先下载node，安装npm，然后打包

3.1.1 安装node

3.1.2 在前端项目中打开终端【执行下面命令】

3.1.3 继续在终端执行打包命令

3.1.4 查看dist目录【如下情况，即是 打包成功】

3.1.5 将 前端项目 拷贝到Linux中nginx的html目录中

3.1.6 配置nginx

四、访问地址【看看效果】

---

详细部署视频

若依vue前后端分离版——服务器快速部署（https）_哔哩哔哩_bilibili如果你所在校园（/社团/小区...）的猫猫也盼望拥有一份属于自己的猫猫档案，请你跟随视频的指引，为它们部署一份独特的猫猫小程序。项目已经开源：https://gitee.com/flyingpan/cat部署视频： 1、小程序后台部署：【若依vue前后端分离版——服务器快速部署（https）】 BV1oD4y1h7Jt2、小程序端部署：【猫咪图鉴小程序端——快速部署】 BV1sA4119767因为, 视频播放量 2226、弹幕量 0、点赞数 19、投硬币枚数 12、收藏人数 63、转发人数 11, 视频作者 电石QwQ, 作者简介 不甘寂寞，相关视频：若依vue前后端分离版——服务器使用docker快速部署（后端部分），91、前后端分离项目部署到Linux服务器，云服务器部署springboot+vue前后端分离项目，若依vue前后端分离版——服务器使用docker快速部署（前端部分——无域名版），【开源项目学习】若依前后端分离版，通俗易懂，快速上手，(前后端都开源) Camunda 若依 芋道 ruoyi yudao ruoyi-vue-pro BPMNJS vue3 表单设计器 快速开发平台 全网首发，宝塔面板部署vue+node前后端项目，含多个项目部署在一个服务器的讲解，若依-RuoYi-Vue3-Max发布啦，若依框架生成代码（前后端分离版），若依管理系统前后端分离版本部署教程https://www.bilibili.com/video/BV1oD4y1h7Jt 可以跟着视频走，不容易出错哟！

一、下载宝塔与安装环境

1.0、购买服务器【可选：购买域名并备案】

1.0.1开放端口（具体根据宝塔面板需要开放，先开放1000-10000）

1.1下载宝塔

宝塔官网下载地址： 宝塔面板下载，免费全能的服务器运维软件宝塔面板,近200个免费应用提供使用，如：网站管理、系统安全、系统监控、计划任务、文件管理、软件管理、一键部署等https://www.bt.cn/new/download.html

1.2复制地址，访问宝塔面板（可以使用putty远程连接）

1.3登陆宝塔面板【前提：开启端口号，这里是8888】

1.4安装推荐LNMP

1.5安装Redis【选择最高版本即可】

1.6安装Tomcat【选择最高版本即可】

1.7创建数据库【记住用户名与密码】

1.8在创建的数据库中添加表【在项目中找到SQL文件】

1.9上传SQL文件，导入即可

目前，Linux中 【后端】需要的环境已经全部搞定

二、部署后端【记住刚刚的数据库账号和密码了么】

2.1修改数据库配置

如果忘记了，可以去宝塔面板的数据库中找

2.2 Maven配置好【保障依赖没有问题】

2.3 后端项目打包

打包成功

2.4 后端项目上传

2.4 后端项目启动

2.4.1后台启动jar包

执行命令：nohup java -jar ruoyi-admin.jar

执行成功

2.4.2 访问端口进行验证【目前看来：没有问题】

后端部署完成！

三、部署前端

3.1、先下载node，安装npm，然后打包

3.1.1 安装node

3.1.2 在前端项目中打开终端【执行下面命令】

npm install --registry=https://registry.npmmirror.com

3.1.3 继续在终端执行打包命令

3.1.4 查看dist目录【如下情况，即是 打包成功】

3.1.5 将 前端项目 拷贝到Linux中nginx的html目录中

3.1.6 配置nginx

1 、找到对应文件

2 、设置反向代理【代理端口在后端配置中找】

附：【这是我在后端设置的代理端口】

3 、设置完毕后执行： nginx -s reload 【让nginx配置生效】

好啦！我们已经全部部署完毕！可以去访问ip地址啦！

如果有域名，就直接去解析这个地址就可以啦！还可以加SSL证书，变成https

---

四、访问地址【看看效果】

成功啦！

---

结语：在这过程中，本小白也摸索了很久，以此记录分享，帮助更多的人！