多个vue项目以不同的端口部署到同一个Tomcat中

之前笔者发布过一篇文章来记录多个vue项目使用同一个端口部署到同一个Tomcat中的方法。
文章地址：多个vue项目使用同一个端口部署到同一个Tomcat中

但是现在基本上都是一个项目对应一个端口，所以记录新增这篇文章来记录多个vue项目使用不同端口部署到Tomcat中的方法。

实现

1、首先进入到tomcat文件夹下

cd /www/server/tomcat

2、找到webapps文件，并改名为webapps_vue1复制粘贴到当前文件夹下（/www/server/tomcat），然后将项目打包后的dist文件拷贝到webapps_vue1文件夹下。

3、进入/www/server/tomcat/conf目录下配置server.xml文件

多余的注释已去掉：

<?xml version="1.0" encoding="UTF-8"?>

<Server port="8005" shutdown="SHUTDOWN">
  <Listener className="org.apache.catalina.startup.VersionLoggerListener" />
  <Listener className="org.apache.catalina.core.AprLifecycleListener" SSLEngine="on" /> 
  <Listener className="org.apache.catalina.core.JreMemoryLeakPreventionListener" />
  <Listener className="org.apache.catalina.mbeans.GlobalResourcesLifecycleListener" />
  <Listener className="org.apache.catalina.core.ThreadLocalLeakPreventionListener" />


  <GlobalNamingResources>
    <Resource name="UserDatabase" auth="Container"
              type="org.apache.catalina.UserDatabase"
              description="User database that can be updated and saved"
              factory="org.apache.catalina.users.MemoryUserDatabaseFactory"
              pathname="conf/tomcat-users.xml" />
  </GlobalNamingResources>

  <Service name="Catalina">

	<!--tomcat默认端口-->
    <Connector port="8080" protocol="HTTP/1.1"
               connectionTimeout="20000"
               redirectPort="8443" />

    <Engine name="Catalina" defaultHost="localhost">

      <Realm className="org.apache.catalina.realm.LockOutRealm">
        <Realm className="org.apache.catalina.realm.UserDatabaseRealm"
               resourceName="UserDatabase"/>
      </Realm>

      <Host name="localhost"  appBase="webapps"
            unpackWARs="true" autoDeploy="true">
            
        <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="/www/server/tomcat/webapps/dist" reloadable="true" />

      </Host>
    </Engine>
  </Service>
  
  
  <!--新增的项目vue1-->
	<!--1、修改这里的name-->
  <Service name="Catalina_vue1">
	<!--2、设置port来规定新增项目的端口号-->
    <Connector port="8081" protocol="HTTP/1.1"
               connectionTimeout="20000"
               redirectPort="8443" />
    <!--3、修改name的值要与第一步设置的值相同-->
    <Engine name="Catalina_vue1" defaultHost="localhost">
    
      <Realm className="org.apache.catalina.realm.LockOutRealm">
        
        <Realm className="org.apache.catalina.realm.UserDatabaseRealm"
               resourceName="UserDatabase"/>
      </Realm>
      <!--4、修改appBase为webapps_vue1-->
      <Host name="localhost"  appBase="webapps_vue1"
            unpackWARs="true" autoDeploy="true">

        <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" />
               
        <!--5、path指的是访问该项目url的虚拟目录部分-->
        <!--6、docBase指项目存放的路径-->
        <Context path="/" docBase="/www/server/tomcat/webapps_vue1/dist" reloadable="true" />  

      </Host>
    </Engine>
  </Service>
 
</Server>

4、配置安全组开放8081端口
5、使用宝塔Linux面板的话，同样配置安全组开放8081端口
6、重启tomcat
方法：重启tomcat

完成上面的操作后，如果域名为www.aaa.com，则访问www.aaa.com:8081就能访问到新部署的vue1项目了。
如果还要添加其他项目到别的端口的话也是同理。