博主用的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.訪問:
前后端分離項目部署完成,雖然有很多細節沒有寫下來,但基本就是大概的步驟了,下次有空再慢慢補,因為怕自己忘記大概過程所以寫下這篇博客,也希望能幫到你呀,從零搭建服務器自己也看了很多教程,已經打算放棄了但是又被激勵了,沒想到最終還是做出來了~