vue3項目tomcat部署記錄
使用hash路由 字符串拼接的圖片地址可以使用import.meta.env.BASE_URL
默認8080
如果部署地址為8080/xc
則設置 vite.config.js中設置base為’/xc/’ outDir設置為xc
打包產物直接拖到webapps目錄下
如果另開一個端口 如8081 設置根目錄訪問
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>
創建對應的appBase=“webapps_vue3” webapps_vue3目錄 將打包產物內容放到ROOT目錄下
開機自啟
sudo nano /etc/systemd/system/tomcat.service
[Unit]
Description=Apache Tomcat Web Application Container
After=network.target[Service]
Type=forkingEnvironment=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 安裝路徑
第二步:賦予執行權限
確保 startup.sh 和 shutdown.sh 可執行:
sudo chmod +x /opt/tomcat/bin/*.sh
第三步:重新加載服務并啟用開機啟動
sudo systemctl daemon-reexec
sudo systemctl daemon-reload
sudo systemctl enable tomcat
第四步:啟動服務測試是否正常
sudo systemctl start tomcat
sudo systemctl status tomcat
如果輸出有 active (running) 表示服務啟動正常。
重啟系統:
sudo reboot
系統啟動后運行:
systemctl status tomcat
確認是否是 active (running) 狀態
然后用瀏覽器訪問:
http://localhost:8080/
# 或你配置的 8081 端口
查看 JAVA_HOME 設置
銀河麒麟系統上,可以用以下命令查看默認 JDK 安裝位置:
readlink -f $(which java)
或者查看:
echo $JAVA_HOME