vue项目使用tomcat部署

最新推荐文章于 2025-09-16 01:27:52 发布

原创最新推荐文章于 2025-09-16 01:27:52 发布 · 3.1k 阅读

7 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何将Vue打包后的静态文件部署到Tomcat服务器，包括将dist文件夹放入webapps目录，编辑server.xml配置静态服务，修改web.xml以处理URL中的#号，最后重启Tomcat进行访问。

1、vue打包的静态文件夹dist传到tomcat的webapps目录下
2、找到tomcat的conf文件下的server.xml，配置静态服务,找到HOST标签：
这里的配置为
增加context标签行，可以直接跳转到dist目录下

 <Host name="localhost"  appBase="webapps"
            unpackWARs="true" autoDeploy="true">

        <!-- SingleSignOn valve, share authentication between web applications
             Documentation at: /docs/config/valve.html -->
        <!--
        <Valve className="org.apache.catalina.authenticator.SingleSignOn" />
        -->

        <!-- Access log processes all example.
             Documentation at: /docs/config/valve.html
             Note: The pattern used is equivalent to using pattern="common" -->
        <Valve className="org.apache.catalina.valves.AccessLogValve" directory="logs"
               prefix="localhost_access_log" suffix=".txt"
               pattern="%h %l %u %t &quot;%r&quot; %s %b" />
               
               <Context path="" docBase="dist" reloadable="false" />
               
      </Host>

3、找到tomcat的conf文件夹下的web.xml,修改配置如下（解除url的#号）

<?xml version="1.0" encoding="ISO-8859-1"?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee"
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
                      http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
  version="3.0"
  
  metadata-complete="true">
  <display-name>webapp</display-name>
  <description>
     webapp
  </description>
  <error-page>  
   <error-code>404</error-code>  
   <location>/index.html</location>  
</error-page>  

</web-app>

4、重启tomcat即可访问