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

1panel面板中部署SpringBoot和Vue前后端分离系统

一,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 设置放行端口规则 (对于服务安全有一定的作用)

相关推荐
大黄说说6 分钟前
Vue 3 + Vite 高性能项目最佳实践(2026 版)
前端·javascript·vue.js
程序员爱钓鱼12 分钟前
Go并发同步核心库:syn 包深度指南
后端·面试·go
常利兵12 分钟前
Spring Boot 邂逅Elasticsearch:打造搜索“光速引擎”
spring boot·elasticsearch·jenkins
Mr -老鬼14 分钟前
前后端联调避坑!Vue优先IPv6导致接口不通,Rust Salvo这样解决
前端·vue.js·rust
予你@。17 分钟前
# Vue2 + Element UI 表格合并实战:第二列按「第一列 + 第二列」条件合并
前端·javascript·vue.js
猹叉叉(学习版)21 分钟前
【ASP.NET CORE】 14. RabbitMQ、洋葱架构
笔记·后端·架构·c#·rabbitmq·asp.net·.netcore
LFly_ice21 分钟前
ASP.NET Core 面试题汇总
后端·asp.net
独断万古他化27 分钟前
【抽奖系统开发实战】Spring Boot 抽奖系统全链路总结:从架构到落地的实践复盘
java·spring boot·后端·架构·系列总结
沐硕31 分钟前
校园招聘系统
spring boot·vue·校园招聘
小江的记录本34 分钟前
【HashMap】HashMap 系统性知识体系全解(附《HashMap 面试八股文精简版》)
java·前端·后端·容器·面试·hash·哈希