前言
現(xiàn)在的web端項(xiàng)目大多數(shù)都是java+vue前后端分離的項(xiàng)目，都需要分開來部署，基本上都是部署在云服務(wù)器上的，這就涉及到選擇和購買服務(wù)器，以及安裝環(huán)境，本文記錄的是在機(jī)器上安裝軟件，不在docker和寶塔上安裝。下面請看詳細(xì)的步驟吧，都是自己在工作中使用過的，本人待的是小公司，所以基本上沒有涉及到自動(dòng)化發(fā)布 CI/CD ，如果有需要，下期發(fā)docker+jekins 自動(dòng)發(fā)布流程。
提示：以下是本篇文章正文內(nèi)容，下面案例可供參考
一、講解部署java和vue前端項(xiàng)目的詳細(xì)部署流程
1 java端部署
java端部署可以直接jar包運(yùn)行
1 首先在代碼中先更改配置文件 更改但不限于 mysql 地址，redis 地址 等等
2 然后使用maven 打成一個(gè)jar包，然后上傳到服務(wù)器目錄
3 運(yùn)行jar包，成功啟動(dòng)
2 vue前端部署
vue端需要連接后端的服務(wù)，然后打生產(chǎn)環(huán)境的包，生成一個(gè)dist包，放在服務(wù)器上
然后需要nginx配置地址，就可以訪問前端項(xiàng)目
二、服務(wù)器選擇
1.阿里云
1.1
首先進(jìn)入阿里云網(wǎng)站 ，如果是自己學(xué)習(xí)，并且是新人的話，就買便宜一點(diǎn)的，一年就幾十塊錢，非常劃算，還可以購買域名，域名購買完成需要備案，才可以網(wǎng)站配置https訪問，更加安全
阿里云購買服務(wù)器活動(dòng)頁面 阿里云地址
如果遇上活動(dòng)會(huì)更便宜 也可以自己搭建虛擬機(jī)部署，都是一樣的。
1.2
購買完成進(jìn)行登錄
登錄完成 進(jìn)入控制臺(tái)
剛購買的服務(wù)器重置一下服務(wù)器密碼然后使用xshell或者其他工具連接
這里我使用的是Xshell遠(yuǎn)程連接
首先去官網(wǎng)下載Xshell，官網(wǎng)鏈接，現(xiàn)在Xshell已經(jīng)更新到7版本，小伙伴們自行下載就行。
在安全組中放行一下需要放行的端口，如果是部署到同一臺(tái)服務(wù)器上則不需要放行，只須放行nginx 的80端口
三、軟件安裝
接下來就是nginx 軟件安裝
Nginx 可以作為靜態(tài)頁面的 web 服務(wù)器，同時(shí)還支持 CGI 協(xié)議的動(dòng)態(tài)語言。
在Linux環(huán)境下下載Nginx非常的簡單，Linux提供了很多包管理工具，所以直接輸入以下命令，敲下回車就可以下載Nginx
# 輸入代碼
yum install ngin
下載過程中出現(xiàn)一下界面，直接選y，一路下載 然后nginx就安裝完成了。
查看是否安裝成功
ps -aux |grep nginx
出現(xiàn)本頁面nginx就安裝好了
四、jar包部署
將本地生成的jar包 拷貝到服務(wù)器上，
然后使用腳本一鍵停止和啟動(dòng)
先創(chuàng)建一個(gè).sh文件，shell腳本和jar文件放在同一目錄最好
賦權(quán)限
chmod u+x 文件名.sh
#!/bin/bash
# jdk地址
JAVA_HOME=/usr/local/jdk/jdk1.8.0_51
export JAVA_HOME
#jar包的地址
JAR_DIR=/home/app/java
#jar包的名稱
JAR_NAME=app
#jar包的端口
JAR_PORT=8081
echo -e "\n1、停止 $JAR_NAME 服務(wù)\n"
es_pid=`ps aux | grep java | grep ${JAR_NAME} | awk '{print $2}'` && kill -9 $es_pid
echo -e "\n2、啟動(dòng) $JAR_NAME 服務(wù)\n"
$JAVA_HOME/bin/java -Xms256M -Xmx512M -jar $JAR_DIR/$JAR_NAME.jar --server.port=$JAR_PORT > log.out &
五、vue項(xiàng)目部署
直接替換Nginx默認(rèn)頁面
# 輸入代碼
cd /usr/share/nginx/html
# 輸入代碼
rm -rf index.html
將本地生成的文件放到 /usr/share/nginx/html 目錄下，就可以訪問了
文章來源：http://www.zghlxwxcb.cn/news/detail-643547.html
六、有需要還可以購買域名
需要域名訪問的看下面的文章，有詳細(xì)的購買流程和nginx 配置
相關(guān)鏈接 轉(zhuǎn)載域名購買以及nginx配置，點(diǎn)擊了解文章來源地址http://www.zghlxwxcb.cn/news/detail-643547.html
到了這里，關(guān)于java+vue 前后端項(xiàng)目部署 服務(wù)器部署流程 包括nginx軟件安裝，服務(wù)器選擇，域名配置的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
