当前位置: 首页 > article >正文

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

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

  • 一,1panel面板部署
  • 二,安装OpenResty
  • 三,安装MySQL,Redis等Spring boot 运行依赖环境
  • 四,SpringBoot 应用配置及打包部署
    • 配置
    • 打包
    • 部署
  • 五 ,前端VUE应用配置打包部署
    • 配置
    • 打包
    • 部署
  • 六 ,Https 设置
  • 七,安全加固(开启WAF)
  • 八,服务器安全加固

一,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 设置放行端口规则 (对于服务安全有一定的作用)
在这里插入图片描述

http://www.lryc.cn/news/2403085.html

相关文章:

  • C++.OpenGL (7/64)摄像机(Camera)
  • 使用xdocreport导出word
  • 青少年编程与数学 01-011 系统软件简介 05 macOS操作系统
  • Python打卡训练营学习记录Day43
  • 【Android基础回顾】二:handler消息机制
  • 每日Prompt:每天上班的状态
  • .net ORM框架dapper批量插入
  • C++11 右值引用:从入门到精通
  • .net 使用MQTT订阅消息
  • Python实现快速排序的三种经典写法及算法解析
  • 【递归、搜索与回溯】综合练习(四)
  • 强化学习入门:Gym实现CartPole随机智能体
  • STM32:CAN总线精髓:特性、电路、帧格式与波形分析详解
  • 贝叶斯深度学习!华科大《Nat. Commun.》发表BNN重大突破!
  • 【大模型LLM学习】Flash-Attention的学习记录
  • 三、元器件的选型
  • 精益数据分析(95/126):Socialight的定价转型启示——B2B商业模式的价格策略与利润优化
  • stm32_DMA
  • 物联网数据归档之数据存储方案选择分析
  • 【自动驾驶避障开发】如何让障碍物在 RViz 中‘显形’?呈现感知数据转 Polygon 全流程
  • 【C语言】C语言经典小游戏:贪吃蛇(上)
  • usbutils工具的使用帮助
  • vue2中使用jspdf插件实现页面自定义块pdf下载
  • 如何防止服务器被用于僵尸网络(Botnet)攻击 ?
  • 基于cornerstone3D的dicom影像浏览器 第二十九章 自定义菜单组件
  • 【Block总结】DBlock,结合膨胀空间注意模块(Di-SpAM)和频域模块Gated-FFN|即插即用|CVPR2025
  • 【学习笔记】单例类模板
  • 字符串加密(华为OD)
  • 口罩佩戴检测算法AI智能分析网关V4工厂/工业等多场景守护公共卫生安全
  • Double/Debiased Machine Learning