tomcat部署多個(gè)端口以及制定路徑部署vue3方式
更新時(shí)間：2025年07月31日 08:39:32 作者：Jedi Hongbin
Vue3項(xiàng)目部署至Tomcat需配置hash路由、調(diào)整vite.config.js base路徑及outDir,修改server.xml端口和appBase,設(shè)置開機(jī)自啟并驗(yàn)證Java環(huán)境,確保服務(wù)正常運(yùn)行
vue3項(xiàng)目tomcat部署記錄
使用hash路由 字符串拼接的圖片地址可以使用import.meta.env.BASE_URL
- 默認(rèn)8080
- 如果部署地址為8080/xc
- 則設(shè)置 vite.config.js中設(shè)置base為’/xc/’ outDir設(shè)置為xc
- 打包產(chǎn)物直接拖到webapps目錄下
- 如果另開一個(gè)端口 如8081 設(shè)置根目錄訪問
conf/server.xml
<Service name="Vue3App">
<Connector port="8081" protocol="HTTP/1.1"
connectionTimeout="20000"
redirectPort="8443" />
<Engine name="Vue3Engine" defaultHost="localhost">
<Host name="localhost" appBase="webapps_vue3"
unpackWARs="true" autoDeploy="true">
<Context path="" docBase="ROOT" />
</Host>
</Engine>
</Service>
創(chuàng)建對應(yīng)的appBase=“webapps_vue3” webapps_vue3目錄 將打包產(chǎn)物內(nèi)容放到ROOT目錄下
開機(jī)自啟
sudo nano /etc/systemd/system/tomcat.service
[Unit] Description=Apache Tomcat Web Application Container After=network.target [Service] Type=forking Environment=JAVA_HOME=/usr/lib/jvm/java-11-openjdk Environment=CATALINA_PID=/opt/tomcat/temp/tomcat.pid Environment=CATALINA_HOME=/opt/tomcat Environment=CATALINA_BASE=/opt/tomcat ExecStart=/opt/tomcat/bin/startup.sh ExecStop=/opt/tomcat/bin/shutdown.sh Restart=on-failure [Install] WantedBy=multi-user.target
JAVA_HOME：指向安裝的 Java 路徑（如使用 echo $JAVA_HOME 檢查）/opt/tomcat：改成Tomcat 安裝路徑
第一步：賦予執(zhí)行權(quán)限
確保 startup.sh 和 shutdown.sh 可執(zhí)行：
sudo chmod +x /opt/tomcat/bin/*.sh
第二步：重新加載服務(wù)并啟用開機(jī)啟動(dòng)
sudo systemctl daemon-reexec sudo systemctl daemon-reload sudo systemctl enable tomcat
第三步：啟動(dòng)服務(wù)測試是否正常
sudo systemctl start tomcat sudo systemctl status tomcat
如果輸出有 active (running) 表示服務(wù)啟動(dòng)正常。
重啟系統(tǒng)
sudo reboot
系統(tǒng)啟動(dòng)后運(yùn)行：
systemctl status tomcat
確認(rèn)是否是 active (running) 狀態(tài)
然后用瀏覽器訪問：
http://localhost:8080/ # 或你配置的 8081 端口
查看 JAVA_HOME 設(shè)置
銀河麒麟系統(tǒng)上，可以用以下命令查看默認(rèn) JDK 安裝位置：
readlink -f $(which java)
或者查看：
echo $JAVA_HOME
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Tomcat中指定JDK版本的方法實(shí)現(xiàn)
在Tomcat中指定JDK版本可以通過設(shè)置環(huán)境變量或修改啟動(dòng)腳本來實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2024-12-12
這篇文章主要介紹了在無界面centos7上部署jdk和tomcat 的教程，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-06-06
Comet模式是一種服務(wù)器端推技術(shù)，它的核心思想提供一種能讓當(dāng)服務(wù)器端往客戶端發(fā)送數(shù)據(jù)的方式。本篇文章主要介紹了Tomcat如何實(shí)現(xiàn)Comet，有興趣的可以了解一下。2016-12-12
這篇文章主要介紹了windows 10中Tomcat安裝和部署教程，本文圖文并茂給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-11-11
Python Flask微信小程序登錄流程及登錄api實(shí)現(xiàn)代碼
這篇文章主要介紹了Python Flask微信小程序登錄流程及登錄api實(shí)現(xiàn)方法，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-06-06
這篇文章主要介紹了tomcat設(shè)置gzip壓縮的原理及配置方法,需要的朋友可以參考下2017-10-10
這篇文章主要介紹了在MyEclipse上部署Tomcat服務(wù)器的方法,需要的朋友可以參考下2016-04-04
這篇文章主要介紹了Tomcat首次部署web項(xiàng)目流程圖解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-12-12
centos環(huán)境下使用tomcat 部署SpringBoot的war包
這篇文章主要介紹了centos環(huán)境下使用tomcat 部署SpringBoot的war包的相關(guān)資料,本文通過實(shí)例代碼給大家講解的很詳細(xì)，對tomcat 部署SpringBoot 的war包相關(guān)知識(shí)感興趣的朋友一起看看吧2021-05-05
詳解在Tomcat7.0中設(shè)置默認(rèn)服務(wù)器和不加端口名訪問
本篇文章主要介紹了在Tomcat7.0中設(shè)置默認(rèn)服務(wù)器和不加端口名訪問，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06