学习记录:通过宝塔一键部署简单springboot+vue项目到云服务器

1.申请租用一个云服务器

      新手入门可以申请免费云服务器试用来练练手,这里使用的是阿里云服务器 试用时间比较长

2.安装宝塔linux面板

云服务器创建实例可以预安装宝塔面板

如果没有 可以使用xshell 创建连接

或者使用云服务器自带的远程连接

复制下面的指令到控制台安装宝塔面板

还可以使用在线连接安装

一般端口是21或者22

安装完成后记事本记下信息 后面可以自己修改

公网ip x.x.x.x 外网面板地址: 宝塔Linux面板 内网面板地址: https://x.x.x.x/x username: xx password: xx

=============注意:首次打开面板浏览器将提示不安全=================

请选择以下其中一种方式解决不安全提醒 1、下载证书,地址:https://dg2.bt.cn/ssl/baota_root.pfx,双击安装,密码【www.bt.cn】 2、点击【高级】-【继续访问】或【接受风险并继续】访问 教程:面板SSL加密访问设置教程 - Linux面板 - 宝塔面板论坛 mac用户请下载使用此证书:https://dg2.bt.cn/ssl/mac.crt

3.云服务器安全组放行

将8888及其可能会用到的端口设置放行 

4.登录宝塔安装软件

复制宝塔安装成功的链接访问宝塔面板 修改端口

如果出现

安装证书

跟云服务器安全组一样也要放行需要的端口

在软件商店中安装需要的配置

下载mysql nginx 因为没有不能直接安装jdk 所以我们选择安装java一键部署 内包含jdk  但是必须要选择一个web容器服务 我们随便选个 tomcat安装 实际上我们并不使用 

5.相关配置

1.配置数据库

使用mysql需要配置你的密码

这里我们为了方便使用宝塔的数据库

注意这里的用户名不能使用root 需要改一下 同时这里的数据库名和用户名要跟你项目的application.properties/yml要对应

将原本的表数据转储导入进来

配置nginx 

6.打包上传项目

1.前端

将你前端的所有请求的路径从localhost改为你的公网地址

端口没设置的话默认为8080

点击build打包生成dist文件

在这里选择HTML文件上传前端

随便起名一个网址 结尾是端口 创建断点

点击根目录上传dist文件

访问公网ip+:端口号

简单的前端已经部署好了

2.后端

先在application.yam/properties修改配置 和刚才的数据库对应

如果不修改的话

也可以上传时与单独的application.yam/properties文件一起上传 这样新的会覆盖原本的配置

package打成jar包 在maven管理中最好先clean一下

如果打包完成的jar文件非常小 是有问题的 在这里把true改为false

在宝塔这里上传springboot项目

上传你的jar包

这样后端就部署好了

试着访问刚才的网址 测试前后端和数据库是否连接上

如果出现刷新网页报404错误 本地测试却没这个问题

在nginx上添加

  • 26
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
SpringBoot Vue项目部署到Linux服务器需要进行以下步骤: 1. 在服务器上安装Java和Node.js环境。 在Linux中使用命令sudo apt-get install java和sudo apt-get install nodejs安装好Java和Node.js环境。 2. 在服务器上安装Nginx服务器。 在Linux中使用命令sudo apt-get install nginx安装Nginx服务器,并使用sudo service nginx start启动Nginx。 3. 将SpringBoot Vue项目打包成jar包。 在SpringBoot项目根目录下使用命令mvn package打包jar文件。 4. 将打包好的jar文件上传到Linux服务器。 可以使用FTP工具将jar文件上传到Linux服务器的指定目录。 5. 在服务器中生成systemd服务配置。 在Linux中使用命令sudo vi /etc/systemd/system/springboot_vue.service创建配置文件,文件内容如下: [Unit] Description=springboot_vue Application After=syslog.target [Service] User=www-data ExecStart=/usr/bin/java -jar /path/to/jar/springboot_vue.jar SuccessExitStatus=143 [Install] WantedBy=multi-user.target 其中/path/to/jar/为jar文件上传到服务器的目录。 6. 重启systemd和Nginx服务器。 在Linux中分别使用命令sudo systemctl daemon-reload、sudo systemctl enable springboot_vue.service和sudo systemctl restart nginx重启systemd和Nginx服务器。 7. 配置Nginx反向代理。 在Linux中使用命令sudo vi /etc/nginx/sites-available/default修改配置文件,文件内容如下: server { listen 80; server_name your_domain_name; location / { proxy_pass http://localhost:8080; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } } 其中your_domain_name为你的域名。 最后,在浏览器中输入域名就可以访问部署好的SpringBoot Vue项目了。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值