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

缺乏、安全感 2024-03-23 14:06 58阅读 0赞

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

## 准备工作 ##

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项目 ##

![在这里插入图片描述][a389aa3a52bc4d759bd18b35c1518fa8.png]  
运行mvn-package:  
![在这里插入图片描述][049225b431c947b0bff91f3fea314430.png]  
此时在target目录中会出现一个jar包：  
![在这里插入图片描述][d5235d4f4ece42ad8dd8fcbf9f61266f.png]  
测试jar包能否正常运行：  
![在这里插入图片描述][1aed20e6cfaa4d6fad443c1ed1c32a87.png]  
测试：  
[http://localhost:9010/druid/index.html][http_localhost_9010_druid_index.html]

## 打包前端项目 ##

1.  确定proxy代理地址有没有写对后端的端口  
    ![在这里插入图片描述][7ab62f52bb6f4c34a416acb271892bcb.png]
2.  在项目路径下运行

npm run build

![在这里插入图片描述][bf7a8ce823f94b308445cc919e7929ae.png]  
![在这里插入图片描述][f275bfaedc29420b9ad19fb8484b3fdc.png]

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

服务部署图：  
![在这里插入图片描述][be06a7ee8e4846cfaecfab9ec05bcf64.png]

### 实现后端的部署 ###

前提：

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

#### 1. 上传jar包到服务器 ####

上传SpringBoot打包好的jar包  
![在这里插入图片描述][232619b98e3c4f4780a8c8582df44415.png]  
上传vue打包好的dist目录下的文件（static+index.html）  
![在这里插入图片描述][b002a15ab9904436a1ad7d624844df3a.png]

#### 2.发布SpringBoot服务 ####

![在这里插入图片描述][7aa6d4ae680f42ac860a3bc4ebd4d164.png]  
![在这里插入图片描述][e9caa3d04f254c5ea425daaf32783028.png]  
因为后端运行在9010端口，所以需要腾讯云平台防火墙策略通过9010端口  
![在这里插入图片描述][7d7f876501d04ebf9e163f3db4398a18.png]

#### 3.发布前端 ####

![在这里插入图片描述][6e33cc389e184c538e6986c41cdf66f4.png]  
![在这里插入图片描述][07fa7c1e075343dab7e344f06067784d.png]  
现在测试前端是否能访问：  
![在这里插入图片描述][4514ce2a6ce54b938a4fdb1c76fe48f3.png]

当请求接口时发现，前端的代理策略不生效  
![在这里插入图片描述][f5e1401bfb354d43ae40678e8d697838.png]  
设置反向代理：  
![在这里插入图片描述][657098a968bf4445a8000c402f19b4d3.png]  
![在这里插入图片描述][6cc0c17b4664424a8b31f1688e412545.png]  
![在这里插入图片描述][55313390c44c45268f184fdda6b68c1e.png]

[a389aa3a52bc4d759bd18b35c1518fa8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/485ac0a1e86f445cb511d7aa7acef3c3.png
[049225b431c947b0bff91f3fea314430.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/df6d4dead2094ed998174643c5b0168e.png
[d5235d4f4ece42ad8dd8fcbf9f61266f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/2f8ab95762e04518b286f3bf86d44a40.png
[1aed20e6cfaa4d6fad443c1ed1c32a87.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/d76093ed123440efa4e0a893be6a33bc.png
[http_localhost_9010_druid_index.html]: http://localhost:9010/druid/index.html
[7ab62f52bb6f4c34a416acb271892bcb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/c017c16878ea452bb3aaff18a2331520.png
[bf7a8ce823f94b308445cc919e7929ae.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/a38b1a8d46c34dfc8b562e8388dd2de0.png
[f275bfaedc29420b9ad19fb8484b3fdc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/f27ea3ce50584524a150edacb51a331c.png
[be06a7ee8e4846cfaecfab9ec05bcf64.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/9b0d10794c9a413092545b32303e9070.png
[232619b98e3c4f4780a8c8582df44415.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/4bb73da730a9490e9213b07e9fae86d2.png
[b002a15ab9904436a1ad7d624844df3a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/11ad0f1f75864f1f968f3402ef04be86.png
[7aa6d4ae680f42ac860a3bc4ebd4d164.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/954eafb0989f481d8e3898992ee5d8d1.png
[e9caa3d04f254c5ea425daaf32783028.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/f2e2249f4ee24b5787da4f588a032cc0.png
[7d7f876501d04ebf9e163f3db4398a18.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/936bcce42e484a97a400609cf6583cf5.png
[6e33cc389e184c538e6986c41cdf66f4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/f3bf8ec58b2f42a793cfe38818238ef6.png
[07fa7c1e075343dab7e344f06067784d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/afa083cd16b643afa091de153fc74ba5.png
[4514ce2a6ce54b938a4fdb1c76fe48f3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/0876fb2cb6464c87af232f1358ab3efb.png
[f5e1401bfb354d43ae40678e8d697838.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/f4e14a485472462f9d34801f4f05afa0.png
[657098a968bf4445a8000c402f19b4d3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/1fe0014a02fd4b69b11f7ea33a2d5303.png
[6cc0c17b4664424a8b31f1688e412545.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/9ca11bba4e264a54a541ceeb9892441f.png
[55313390c44c45268f184fdda6b68c1e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/b80ad0c7db264424b6132144289c59b8.png