spingboot+Vue前后端分离部署到阿里云上

目录 1、将本地数据库导入到服务器上的数据库上 1.1在服务器上创建名为book的数据库 1.3、执行sql脚…

目录

1、将本地数据库导入到服务器上的数据库上

1.1在服务器上创建名为book的数据库

1.3、执行sql脚本

2、部署后端项目,Spingboot项目

2.2、上传jar包后,让jar包在服务器后台运行

2.3、开启阿里云安全组的9000端口号,防火墙放行9000端口

2.3.1、开启安全组

2.3.2、防火墙放行9000端口

3、部署前端项目

3.1、修改前端项目

3.2、打包前端项目并上传

3.3、配置nginx文件

3.3.1、宝塔面板上一键安装nginx

3.3.2、nginx配置文件结构

3.3.3、修改nginx配置文件

3.4、测试项目是否部署成功


1、将本地数据库导入到服务器上的数据库上

1.1在服务器上创建名为book的数据库

1.3、执行sql脚本

2、部署后端项目,Spingboot项目

2.1、修改配置文件,打jar包

2.2、上传jar包后,让jar包在服务器后台运行

nohup java -jar blog-web-2.2.5.jar &

启动服务后,按两下回车,下图是启动成功的正常现象,不是报错哈~

完成启动后,因为我这个项目是用的9000这个端口,如果不放心,项目是否正常启动,可以查看9000端口是否工作:lsof -:端口号

如果关闭项目,直接杀掉后台进程:kill PID

2.3、开启阿里云安全组的9000端口号,防火墙放行9000端口

现在访问后端项目,肯定是访问不成功的,博主当时就因为阿里云的安全组设置端口没有开启,卡了半天

2.3.1、开启安全组

2.3.2、防火墙放行9000端口

还有一种就是比较直接的方法,就是关闭防火墙:systemctl stop firewalld(暂时关闭)

2.3.3、测试后端项目是否部署成功

如上图,如果能访问的资源,说明后端项目部署成功!

3、部署前端项目

3.1、修改前端项目

将前端项目中所有的访问链接都改为:部署的服务器的ip+端口号/api/xxx

api是你上面后端项目的虚拟路径

3.2、打包前端项目并上传

npm run build进行打包

3.3、配置nginx文件

3.3.1、宝塔面板上一键安装nginx

安装完成后点击设置进行配置

3.3.2、nginx配置文件结构

3.3.3、修改nginx配置文件

这一步非常关键,是前后端联合的重要步骤

在这 include之前添加一个server,开启一个监听端口,我这里定义一个999端口,记得要开启该端口安全组和防火墙放行该端口

反向代理:访问999端口/(根目录)可以直接访问到前端资源。访问Nginx的服务器的999端口下的/api会反向代理到114.55.238.138服务器的9000端口上。

配置负载均衡:可以加更多的路径 location/api/list/ 代理到其他的服务器上

需要修改的地方:

1、listen:监听的端口可以自己定义 如果监听的是80端口 proxy_set_header Host $host;

2、server_name 写你的域名即可,通过该域名访问服务器中的项目;//没有域名填localhost 这里的意思就是通过服务器的ip+监听端口访问==通过域名访问

3、location /xx/ xx替换为你部署的后端项目的虚拟路径,前端代码中所有的链接都是该后端服务器的ip+后端项目jar包。如果我们后端部署在其他服务器上,那么前端代码访问的连接都要换为 部署后端项目的服务器ip+后端项目端口号

4、root 上传的前端dist文件夹的根路径 。ip+监听端口直接会找到前端资源

5、prox_pass:部署后端项目的服务器ip+后端jar包运行在的端口号+$request_uri

这里后端api服务器的地址。此地址可以是其他机器,不一定要和nginx在同一台机器中。

这里就nginx的反向代理,就是所有经过/api的请求都会被代理访问后端项目

此时访问:http://114.55.238.138:999/api/doc.html 进入的是同一页面则说明没有问题

3.4、测试项目是否部署成功

访问:front-book

本文来自网络,不代表软粉网立场,转载请注明出处:https://www.rfff.net/p/6562.html

作者: HUI

发表评论

您的电子邮箱地址不会被公开。

返回顶部