【项目部署实战】-服务器宝塔部署SpringBoot项目和Vue项目并设置代理

一文实现零基础从打包到项目部署运行,小白版本。

准备工作

  1. java : SpringBoot项目包(jar、war)
  2. 前端:静态html、js、css
  3. 数据库:相关数据服务以及项目数据库的初始化sql代码

挑选一台服务器

采用的腾讯云-轻量云服务器-2G 2核 40GBSSD+ 宝塔镜像

进入宝塔面板

  1. 安装Nginx 1.22.1
  2. MySQL 5.7.40
  3. Tomcat 7.0.108(包含了JDK环境)

打包SpringBoot项目

在这里插入图片描述
运行mvn-package:
在这里插入图片描述
此时在target目录中会出现一个jar包:
在这里插入图片描述
测试jar包能否正常运行:
在这里插入图片描述
测试:
http://localhost:9010/druid/index.html

打包前端项目

  1. 确定proxy代理地址有没有写对后端的端口
    在这里插入图片描述
  2. 在项目路径下运行
npm run build

在这里插入图片描述
在这里插入图片描述

将后端和前端代码在服务器部署运行

服务部署图:
在这里插入图片描述

实现后端的部署

前提:

  1. JDK:服务器的jdk版本最好要和我们开发时编译时使用的jdk版本一致,如果不一致:开发使用的8服务器可以使用9\10;如果开发编译使用的是10+版本,服务器使用必须是10~11版本
  2. 安装开发时使用的mysql相兼容的版本:开发使用MySQL5.5- 服务器只能使用Mysql7.1-;开发使用的是MySQL5.6 + ,服务器随便使用Mysql8+( 时间格式、数据引擎、外键约束自动生成idkey )

1. 上传jar包到服务器

上传SpringBoot打包好的jar包
在这里插入图片描述
上传vue打包好的dist目录下的文件(static+index.html)
在这里插入图片描述

2.发布SpringBoot服务

在这里插入图片描述
在这里插入图片描述
因为后端运行在9010端口,所以需要腾讯云平台防火墙策略通过9010端口
在这里插入图片描述

3.发布前端

在这里插入图片描述
在这里插入图片描述
现在测试前端是否能访问:
在这里插入图片描述

当请求接口时发现,前端的代理策略不生效
在这里插入图片描述
设置反向代理:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/gjb760662328/article/details/130221200