1panel面板中部署SpringBoot和Vue前后端分离系统 【图文教程】

发布于:2025-06-07 ⋅ 阅读:(18) ⋅ 点赞:(0)

一,1panel面板部署

新一代的 Linux 服务器运维管理面板:通过 Web 图形界面轻松管理 Linux 服务器,实现主机监控、文件管理、数据库管理、容器管理等功能。
官方网址:https://1panel.cn/
下载地址:https://1panel.cn/docs/installation/online_installation/

首先打开官网拷贝安装命令
在这里插入图片描述

# 我的系统版本是ubuntu 
#在命令行执行
curl -sSL https://resource.fit2cloud.com/1panel/package/quick_start.sh -o quick_start.sh && sudo bash quick_start.sh

在这里插入图片描述
在这里插入图片描述
接下来根据提示设置回车即可,安装完成如下图:
在这里插入图片描述
浏览器输入上面的地址:登录后如图:
在这里插入图片描述

二,安装OpenResty

在这里插入图片描述
点击安装 (选择版本 及 容器名称,没有特殊要求其它都默认)
在这里插入图片描述
安装成功如下图
在这里插入图片描述

三,安装MySQL,Redis等Spring boot 运行依赖环境

MySQL,Redis安装都已上面的步骤类似应用商店里找到点击安装配置即可
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

四,SpringBoot 应用配置及打包部署

配置

为了方便修改Springboot 相关配置 (后期映射配置文件也是可以的) 如下图:
在这里插入图片描述

打包

在这里插入图片描述

部署

上传jar包至服务器
在这里插入图片描述
调整目录权限为755
在这里插入图片描述
上传jar
在这里插入图片描述在这里插入图片描述

创建运行环境
在这里插入图片描述

创建完成点击启动即可
在这里插入图片描述
到这里我们后端程序的部署已完成 ,若有其他问题查看日志文件自行解决即可(多数为数据库配置或者java 版本不对的问题)。

五 ,前端VUE应用配置打包部署

配置

在这里插入图片描述

打包

在这里插入图片描述

部署

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

点击进行解压,解压目录默认 不能修改
在这里插入图片描述
返回网站进行配置
在这里插入图片描述
在这里插入图片描述
后端的反向代理
在这里插入图片描述

部署完整 访问http://ip 可以看到系统页面
在这里插入图片描述
ok 基本系统的部署任务已完成,是不是比较简单呢?

六 ,Https 设置

上传证书 (key ,pem 内容复制粘贴就行 ,也可以选择)
在这里插入图片描述
在这里插入图片描述

七,安全加固(开启WAF)

开启WAF 主要防止恶意扫描,SQL注入,XSS攻击(社区版业默认规则有一定的作用,也可以设置定义规则,也可以升级为商业版)
在这里插入图片描述

八,服务器安全加固

开启防火墙,开启禁止ping 设置放行端口规则 (对于服务安全有一定的作用)
在这里插入图片描述