tomcat部署多个端口以及制定路径部署vue3方式
作者：Jedi Hongbin
Vue3项目部署至Tomcat需配置hash路由、调整vite.config.js base路径及outDir,修改server.xml端口和appBase,设置开机自启并验证Java环境,确保服务正常运行
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=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 安装路径
第一步：赋予执行权限
确保 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
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。