springboot+vue项目的线上部署(windows超详细版)

98 阅读5分钟

 引言

关于linux操作系统的线上部署教程博客相当多,但是windows操作系统的教程却寥寥无几,今天我给大家介绍一下基于windows操作系统的云服务器上的springboot+vue项目线上部署教程

准备工作

1.准备一个云服务器,我选择的是阿里云ECS云服务器

这里给大家留一个小门槛,去搞一台ECS云服务器(实际上是本人不想写这个了)

2.先进入你的这个页面哈,点击“安全组”

​编辑

3.然后点击管理规则

​编辑

4.把下面的端口全都放行了,点那个快速添加的按钮可以放行端口噢

​编辑

5.接下来就可以远程连接你的云服务器了

首次连接应该会让你设置密码啥的,反正很简单,这里就跳过了哈

​编辑

6.进入云服务器,在云服务器上下载一个宝塔面板,去浏览器上就可以下载

网址是 宝塔面板下载,免费全能的服务器运维软件 (bt.cn)

​编辑

7.因为我的服务器是windows所以下载Windows版的

注:当时也是windows版的教程很少,我也废了很大功夫

​编辑

8.打开之后应该是这样的,可以自己设置账号密码

​编辑

9.设置好之后在自己的电脑浏览器打开面板地址(是在自己的浏览器不是云服务器中噢)

注:我这里密码忘了,不让我登了,大家一定要记好自己的密码呀

​编辑

OK,解决了,随手告诉大家怎么找回密码吧,下面便是教程,亲测有用如何修改Windows面板密码教程 - Windows面板 - 宝塔面板论坛 (bt.cn)

登入之后是这个界面

​编辑

10.点击软件商店去下载一些需要的东西,这里大家抄作业就行了

注:如果大家碰到了下载慢的问题,重新启动面板就可以解决了

​编辑

11.之后我们来配置一下数据库,添加一个数据库

​编辑

12.点击管理,会跳转到新的网址(如果报404等错误有两个原因,1.安全组没有放行,2.没有按照我的软件去安装)

​编辑

13.导入你的sql文件

​编辑

14.秉着教人教到会的原则,我教一下大家如何去导出本地数据库到sql文件

右键表格-->导入/导出-->将数据导出到文件

​编辑

15.按照我这个选择去导出哈,不然容易导出奇奇怪怪的数据

​编辑

16.jdk的配置

宝塔上只能下载jdk1.8或以下,但是我们的版本是jdk17,所以我们要在本地上传jdk17

​编辑

点击打开即可上传

后端部署

1.我们部署时部署的是项目的jar包,我们可以通过Maven项目的package功能得到jar包,点击package进行打包

​编辑

2.打包完成后我们拿出jar包,可能会生成多个jar包,我们只拿有配置文件的模块的那个jar包,这里是Server模块

​编辑

3.把项目的配置文件也拿出来,这个项目是application-dev.yml

​编辑

4.将java项目的jdk环境配置一下(之前上传的jdk17)

​编辑

5.自己把jar包和配置文件上传到云服务器哈,和上传jdk的方法一样

6.改一下项目的配置文件,将数据库的配置该成云服务器上的数据库,划红圈的那一部分哈

​编辑

7.部署JAVA项目

点击添加Java项目,按照如下配置即可,注意项目的jar路径要是你的jar包的路径,而且配置文件要和jar包的位置同级,端口要是没有被占用的端口

​编辑

至此后端就部署完成了!

前端部署

1.首先要改一下你的前端项目跨域配置

这里的目标url要是http://+你的云服务器公网ip+你的后端项目端口

​编辑

2.之后将前端项目打包

在终端打开输入指令

npm run build

如果你的项目又语法错误就先改正,不然是打包不了的

​编辑

3.将打包好的文件上传到云服务器

就是画圈的文件“dist”

​编辑

4.部署PHP项目

点击添加站点,域名即是你的云服务器公网ip,根目录是你上传“dist”的目录

这里注意一下dist目录下不能再有一个dist目录,如果会报错的话,最好检查一下自己的目录结构是否正确

​编辑

至此线上部署完成,完结撒花喽!

结语

如果大家对于该线上部署流程有什么不懂的地方,欢迎在评论区讨论,或者加我qq:3692625314

我会给大家解答