脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网站技巧 → 服务器 → Tomcat → tomcat部署多个端口及制定路径部署vue3

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

 更新时间：2025年07月31日 08:39:32   作者：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

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • Tomcat中指定JDK版本的方法实现

    Tomcat中指定JDK版本的方法实现

    在Tomcat中指定JDK版本可以通过设置环境变量或修改启动脚本来实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2024-12-12
  • 在无界面centos7上部署jdk和tomcat的教程

    在无界面centos7上部署jdk和tomcat的教程

    这篇文章主要介绍了在无界面centos7上部署jdk和tomcat 的教程，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-06-06
  • 详解Tomcat如何实现Comet

    详解Tomcat如何实现Comet

    Comet模式是一种服务器端推技术，它的核心思想提供一种能让当服务器端往客户端发送数据的方式。本篇文章主要介绍了Tomcat如何实现Comet，有兴趣的可以了解一下。
    2016-12-12
  • 详解windows 10中Tomcat安装和部署的教程

    详解windows 10中Tomcat安装和部署的教程

    这篇文章主要介绍了windows 10中Tomcat安装和部署教程，本文图文并茂给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-11-11
  • Python Flask微信小程序登录流程及登录api实现代码

    Python Flask微信小程序登录流程及登录api实现代码

    这篇文章主要介绍了Python Flask微信小程序登录流程及登录api实现方法，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2020-06-06
  • tomcat设置gzip压缩的原理及配置方法

    tomcat设置gzip压缩的原理及配置方法

    这篇文章主要介绍了tomcat设置gzip压缩的原理及配置方法,需要的朋友可以参考下
    2017-10-10
  • 在MyEclipse上部署Tomcat服务器的方法

    在MyEclipse上部署Tomcat服务器的方法

    这篇文章主要介绍了在MyEclipse上部署Tomcat服务器的方法,需要的朋友可以参考下
    2016-04-04
  • Tomcat首次部署web项目流程图解

    Tomcat首次部署web项目流程图解

    这篇文章主要介绍了Tomcat首次部署web项目流程图解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-12-12
  • centos环境下使用tomcat 部署SpringBoot的war包

    centos环境下使用tomcat 部署SpringBoot的war包

    这篇文章主要介绍了centos环境下使用tomcat 部署SpringBoot的war包的相关资料,本文通过实例代码给大家讲解的很详细，对tomcat 部署SpringBoot 的war包相关知识感兴趣的朋友一起看看吧
    2021-05-05
  • 详解在Tomcat7.0中设置默认服务器和不加端口名访问

    详解在Tomcat7.0中设置默认服务器和不加端口名访问

    本篇文章主要介绍了在Tomcat7.0中设置默认服务器和不加端口名访问，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-06-06

最新评论