教你前后端分离部署服务器的步骤(待更新)

  博主用的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.访问:

  

 

 

  前后端分离项目部署完成,虽然有很多细节没有写下来,但基本就是大概的步骤了,下次有空再慢慢补,因为怕自己忘记大概过程所以写下这篇博客,也希望能帮到你呀,从零搭建服务器自己也看了很多教程,已经打算放弃了但是又被激励了,没想到最终还是做出来了~

 

 

 

 

  

 

posted @ 2021-05-12 10:07  kk的皮皮英  阅读(2968)  评论(0编辑  收藏  举报