如何将Tomcat上的Angular静态应用设为站点根目录（指定端口）

一、确保ROOT应用部署正确 #

• 把Angular静态打包文件全部放到Tomcat的webapps/ROOT目录下，原ROOT目录已改名为admin-panel，确保它不会和新的ROOT目录产生冲突。
• 不要在Angular应用的META-INF/context.xml里设置<Context path="" />——Tomcat默认会将webapps/ROOT识别为根路径，手动配置path反而可能引发上下文冲突。

二、修改Tomcat端口为标准HTTP/HTTPS端口 #

1. 切换HTTP端口到80 #

打开Tomcat安装目录下的conf/server.xml，找到HTTP Connector节点：

<Connector port="8080" protocol="HTTP/1.1"
           connectionTimeout="20000"
           redirectPort="8443"/>

将port="8080"改为port="80"，保存文件。

2. 配置HTTPS端口443，可选但推荐 #

同样在server.xml中，找到被注释的HTTPS Connector节点（无则新增），修改为如下配置：

<Connector port="443" protocol="org.apache.coyote.http11.Http11NioProtocol"
           maxThreads="150" SSLEnabled="true">
    <SSLHostConfig>
        <Certificate certificateKeystoreFile="conf/your-cert.jks"
                     type="RSA"/>
    </SSLHostConfig>
</Connector>

• 替换certificateKeystoreFile为你的SSL证书密钥库路径；如果还没有正式证书，可先用Java的keytool生成自签名证书，后续绑定域名后再替换为CA颁发的正式证书。

三、解决Angular单页应用刷新404问题 #

Angular是单页应用，直接部署到Tomcat根目录会出现刷新页面404的情况，需配置Tomcat的URL转发：

1. 在webapps/ROOT/WEB-INF目录下创建web.xml（无则新建），添加内容：

<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
                             http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
    <error-page>
        <error-code>404</error-code>
        <location>/index.html</location>
    </error-page>
</web-app>

2. 或者使用Tomcat URL Rewrite功能：
   • 下载tomcat-rewrite.jar放入Tomcat的lib目录
   • 在webapps/ROOT/WEB-INF下创建rewrite.config，添加规则：

   RewriteCond %{REQUEST_URI} !^/(api|assets|scripts|styles|.*\\..*)$
   RewriteRule ^(.*)$ /index.html [L]
   

   该规则会将非资源文件的请求转发到Angular入口文件index.html，避免刷新404。

四、重启验证 #

• 停止并重新启动Tomcat服务
• 现在可直接通过x.x.x.x（HTTP）或https://x.x.x.x（HTTPS）访问Angular应用，原管理面板可通过x.x.x.x/admin-panel访问

常见排查点 #

• 查看Tomcat的logs/catalina.out日志，排查部署错误，比如文件权限问题（确保Tomcat用户有webapps/ROOT目录的读取权限）
• 确认服务器防火墙已开放80、443端口
• 检查Tomcat全局conf/context.xml是否有自定义<Context>配置，若有则删除，避免覆盖应用设置

内容的提问来源于stack exchange，提问作者ilia a