欢迎来到徐庆高(Tea)的个人博客网站
磨难很爱我,一度将我连根拔起。从惊慌失措到心力交瘁,我孤身一人,但并不孤独无依。依赖那些依赖我的人,信任那些信任我的人,帮助那些给予我帮助的人。如果我愿意,可以分裂成无数面镜子,让他们看见我,就像看见自己。察言观色和模仿学习是我的领域。像每个深受创伤的人那样,最终,我学会了随遇而安。
当前位置: 日志文章 > 详细内容

tomcat部署多个端口以及制定路径部署vue3方式

2025年07月31日 Vue.js
vue3项目tomcat部署记录使用hash路由 字符串拼接的图片地址可以使用import.meta.env.base_url默认8080如果部署地址为8080/xc则设置 vite.config.j

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

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持代码网。