教你前后端分离部署服务器的步骤(待更新)
博主用的vue和springboot写的前后端,服务器用的是阿里云的免费服务器,操作系统选的是windows 2019哦~
一、申请一台免费的服务器步骤
在阿里云进入试用中心,首次注册会有一些新人福利或者是产品使用,网址:https://www.aliyun.com/?utm_content=se_1003105700
登录之后就会有下图各种类型的云服务器选择,选择合适的一台就行了~
申领完之后要要在安全组设置规则哦,我的设置如下:
二、springboot项目部署到服务器上面
1.在服务器上安装环境(mysql和jdk环境)
01mysql环境的安装
去官网下载mysql压缩包,网址:https://dev.mysql.com/downloads/mysql/,博主使用的是mysql8.0.23版本,以往版本可以点击Archives
把压缩包复制到服务器上面,可以直接在自己电脑远程控制服务器,然后就可以复制粘贴啦~基本上登录名就是Administrator,密码是你第一次用服务器重置的那个密码,ip就是阿里云提供的公网ip地址.
mysql安装的话比较简单,参考这位博主的安装教程,网址:https://www.cnblogs.com/progweb/p/14471926.html?ivk_sa=1024320u,说说我遇到的坑,安装mysql初始化这一步提示没有找到.dll文件,需要下载一个c++相关的包,下载网址:https://support.microsoft.com/en- us/topic/the-latest-supported-visual-c-downloads-2647da03-1eea-4433-9aff-95f26a218cc0,选择适合自己服务器位数的下载安装就可以啦
02 jdk环境的配置
直接拷贝本地电脑的jdk文件到服务器上,在系统环境变量配置就ok了,过程很简单博主就省了
2.打包后端jar包
添加maven插件,代码如下:
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-resources-plugin</artifactId>
<version>2.4.3</version>
</plugin>
第二步:
第三步:打包完成,
第四步,会产生一个target目录,在该目录下找到.jar后缀结尾的文件,把它复制到服务器上面,就可以直接在服务器上面运行jar包了
具体的运行命令:
cd到jar目录下,在java -jar xxx(jar包名).jar运行
成功:
测试:输入ip:端口号,如:http://xxxxx:8088/swagger-ui.html#,测试swagger,如果mysql报错就是你还没有在服务器建表,可以借助Navicat可视化工具
三、前端部署到服务器上面
1.vue项目打包,打包前记得修改vueapi接口的服务器
然后直接npm run build打包,打包完成找到dist目录,把里面的文件复制到服务器上面
2.前端也需要依赖服务器打开,博主使用的是windows自带的IIS,具体的服务器搭建可以看下这篇,https://www.fujieace.com/web/windows-server-2019-iis-asp.html,配置iis的时候记得目录是自己放vue包的目录哦,跟下面的步骤目录一致
3.直接把vue打包的文件扔到自己在服务器的c盘建的http文件里面
4.访问:
前后端分离项目部署完成,虽然有很多细节没有写下来,但基本就是大概的步骤了,下次有空再慢慢补,因为怕自己忘记大概过程所以写下这篇博客,也希望能帮到你呀,从零搭建服务器自己也看了很多教程,已经打算放弃了但是又被激励了,没想到最终还是做出来了~