news 2026/10/24 5:10:20

使用云服务器通过宝塔面板部署经典若依(前后端分离)项目

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
使用云服务器通过宝塔面板部署经典若依(前后端分离)项目

1.购买云服务器(这里通过阿里云服务器试用三个月)

1.1注册登录

阿里云官网:阿里https://www.aliyun.com/

1.2 购买服务器(免费试用三个月)

进入阿里云首页(注册登录就不说了),点击免费试用(这里免费试用ecs服务器的不可以用于后面的备案,所以也不用花钱买域名,如果不是免费试用的可买域名)

点击个人认证的云服务器ecs,付费类型选择按量付费,因为这个免费试用是每个月限制两百元,地域选择距离自己近的,cpu选择两核2G一般够用,具体按需求购买,(免费试用的好像是固定的e列,够用,不过后续也可以删除实例,选择一个更高规格的,以每个月免费送两百元为例,再重新创建实例时 用cpu配置费用 x 24 x 31的结果要在200元以内,在此范围内选择最高配置)

下图可忽略

镜像选择Centos 7.6 64位,分配公网IPv4地址 登录凭证选择自定义密码

1.3 使用Xshell(其他软件也可以)连接服务器

进入Xshell官网 下载,进入阿里云服务器工作台,点击云服务器ecs,复制自己的公网ip

打开Xshell, 文件 -->新建,依次填入

在Xshell控制台出现如下即为连接成功

1.4 使用宝塔面板控制系统

进入宝塔官网,选择下载安装-->安装脚本,选择Centos安装脚本进行复制,最新安装脚本宝塔最新脚本https://www.bt.cn/new/download.html

在Xshell控制台粘贴脚本命令,直至出现

Do you want to install Bt-Panel to the /www directory now?(y/n):

选择y ,等待直至出现面板账户登录信息,注意查看让你放行端口号,进入阿里云服务器安全组放行端口,然后复制外网面板地址进入浏览器打开

出现如下,是浏览器觉得不安全,因为你没有备案,点击高级,接收风险并继续

进入如下页面,将Xshell控制台给的账号,密码填入,进入宝塔面板

2.配置宝塔面板

2.1 进入软件商店安装如下

2.2进入若依官网下载,若依前后端分离项目

前后端分离项目https://gitee.com/y_project/RuoYi-Vue

2.3配置数据库

打开项目,找到配置文件,打开宝塔面板,数据库--》添加数据库(根据配置文件填入信息)

然后导入sql文件

2.4 开放端口

同时在阿里云服务器安全组和宝塔面板安全中开放80,6379(Redis),3306(mysql),8080端口

2.5 配置Redis

需要将bind改为0.0.0.0,其他配置信息在若依项目application.yml文件redis中查找填入

2.6 Nginx配置

进行配置修改

worker_processes 1; events { worker_connections 1024; } http { include mime.types; default_type application/octet-stream; sendfile on; keepalive_timeout 65; server { listen 80; server_name localhost; charset utf-8; # 前端配置 location / { #前端项目的路径 root /www/server/nginx/html/dist; try_files $uri $uri/ /index.html; index index.html index.htm; } # 后端配置 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; # 代理后端接口 proxy_pass http://localhost:8080/; } error_page 500 502 503 504 /50x.html; location = /50x.html { root html; } } }

3.前端部署

3.1 修改文件.env.production

需要修改为VUE_APP_BASE_API= 'http://公网ip:8080'

3.2前端项目打包

用idea打开项目,终端使用

cd ruoyi-ui

命名进入到ruoyi-ui文件夹下 ,依次使用如下命令,使用电脑文件夹打开ruoyi-ui文件夹出现dist文件即为打包成功

npm install --registry=https://registry.npmmirror.com npm run build:prod

3.3 前端文件上传

进入 /www/server/nginx/html 文件目录下上传dist文件(注意必须是这个路径,前面Nginx配置文件中已经为路径做了指定)此时访问http://公网ip,出现页面即为前端部署成功

4 后端部署

4.1后端文件打包

打开idea中的maven,先刷新,再clean,再package,出现target文件

4.2 后端文件上传部署

在wwwroot文件目录下新建ruoyi文件夹,在ruoyi文件夹中上传打包的ruoyi-admin.jar文件,

在ruoyi文件夹打开终端,输入

nohup java -jar ruoyi-admin.jar

输入上述命令后会出现nohup.out文件,点开nohup.out文件,出现如下即为成功

出现验证码,不再包端口错误即为成功

完结,只因你太美!!!

附上

查看端口(8080):lsof -i:8080

杀死进程:kill -s 9 +进程号

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/10/24 5:09:35

从PMIC到8位MCU:低功耗便携设备完整电源管理方案解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

作者头像 李华
网站建设 2026/10/24 5:09:29

从MOG2到BackgroundMatting:运动目标检测技术路线全解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

作者头像 李华
网站建设 2026/10/24 5:08:02

时区划分的底层逻辑:从UTC、夏令时到跨时区协作与编程实践

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

作者头像 李华
网站建设 2026/10/24 5:07:44

STC芯片命名规则全解析:从丝印到选型避坑指南

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

作者头像 李华
网站建设 2026/10/24 5:05:35

MATLAB航空航天工具箱R2023b核心用法:坐标系、DATCOM与卫星场景

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

作者头像 李华
网站建设 2026/10/24 5:05:31

tftpd64 实战指南:TFTP 协议原理、服务端配置与排错技巧

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

作者头像 李华