其實我不太想寫文檔的,但是,以前看著別人的博客配過一次,等別人博客刪了,這次再配有點懵逼了。首先通過阿里云購買服務器和域名(域名可以不買,如果不需要),然后通過命令mstsc遠程連接服務器,默認用戶名是Administrator,貌似第一次購買服務器會有提示,反正我這次購買是什么提示都沒有,可能默認學會了??連接進去之后,就是服務器環(huán)境的搭建,第一步是安裝jdk、配置環(huán)境、測試、安裝tomcat、測試,安裝Navicat for MySQL
一、JDK的安裝及配置:
從官網(wǎng)下載JDK版本進行安裝,無腦下一步即可:
(http://www.oracle.com/technetwork/java/javase/downloads/index.html)
點擊exe進行安裝:(安裝的時候沒有截圖,圖源網(wǎng)絡,侵刪)




此時,服務器應該能夠運行Java命令的,如果運行不了,檢測之前步驟是否出錯,運行cmd,運行Java:
注意,如果這個時候文件夾沒有生成jre文件,命令行執(zhí)行(以系統(tǒng)管理員身份運行cmd命令,這個需要設置系統(tǒng)管理員密碼,也可以找到cmd右鍵以管理員身份運行(推薦))
runas /noprofile /user:administrator cmd
進入安裝目錄
cd c:\Program Files\Java\jdk-11.0.3
執(zhí)行下面命令(會在當前目錄生成一個名字的jre-11.0.3目錄)
bin\jlink.exe --module-path jmods --add-modules java.desktop --output ../jre-11.0.3
注:用管理員身份登錄很重要

接下來配置環(huán)境變量:計算機右鍵—>屬性—>高級系統(tǒng)設置—>高級—>環(huán)境變量:
新建JAVA_HOME
C:\Program Files\Java\jdk1.7.0_21


新建CLASSPATH

配置path(這里不是添加,找到path,點擊編輯,在后面追加,注意不要刪掉之前的
內(nèi)容)


關閉cmd窗口,重新打開一個新的。否則配置不生效。
輸入javac和java進行測試

? ?

到此JDK就配置成功了。
二、Tomcat安裝及配置
從官網(wǎng)下載合適的tomcat(http://tomcat.apache.org/),首先來配置環(huán)境變量:計算機右鍵—>屬性—>高級系統(tǒng)設置—>高級—>環(huán)境變量:
新建CATALINA_HOME
C:\Program Files\apache-tomcat-7.0.90

編輯path,添加tomcat的bin目錄:;%CATALINA_HOME%\bin


測試安裝是否成功
全部確定后,打開cmd窗口
windows鍵+r ,輸入cmd,回車,輸入startup,回車

保持窗口不要關閉,關閉窗口會退出tomcat,無法使用。
打開瀏覽器,輸入http://localhost:8080 ,回車

此時tomcat已經(jīng)配置成功。
(注意關閉服務器的防火墻,在可以ping通的情況下,如果訪問不了主機,在服務器管理器中添加防火墻規(guī)則,入站規(guī)則—>新建規(guī)則—>端口(TCP,特定本地端口8080,允許連接,命名的時候建議用英文,我之前命名的時候?qū)懥藗€中文,然后貌似沒有生效)
本地電腦訪問服務器:http://47.100.191.2:8080/

此時,環(huán)境已經(jīng)配好了,然后就是項目部署了。
三、項目部署
項目部署分三種,常見的也是我之前一直用的是eclipse項目到導出部署,目前在用idea和vscode,但是這兩種編輯器用的不多,按照博客和實踐,邊看邊試,eclipse部署比較簡單,先運行一下看項目能不能跑起來,然后右鍵項目—>export—>war file,將war文件放在服務器的C:\project\apache-tomcat-7.0.92\webapps路徑下,然后雙擊startup.bat或者命令行運行startup,記住這個命令框不能關閉,不然tomcat就關掉了。
注意:如果項目在本地可以正常運行,但是打包到服務器之后就運行不了了,這時候就要檢查一下服務器和eclipse的jdk版本是否一致,運行cmd,輸入Java -version,分別檢查JDK版本,如果版本不一致,有兩種處理方法,第一種是為服務器重新安裝JDK,配環(huán)境,第二種就是在eclipse上更改JDK版本,運行成功的話,就直接導出war,再部署到服務器。
重新下載和安裝與之前相同,此處不做贅述,關于更改本地JDK方法:

注意:這里前提是之前已經(jīng)安裝好了多個版本的JDK,配好了環(huán)境。
然后就是vue項目部署,在終端運行npm run build,在項目文件夾中會生成一個dist文件夾,在服務器的tomcat的webpack文件夾中新建一個文件夾test,將dist文件夾中的static文件夾index.html文件放到文件夾test中。


重啟服務器的tomcat:

然后在電腦端瀏覽器輸入網(wǎng)址、端口、項目名即可訪問。