部署在Tomcat的Angular应用无法连接Node.js服务器，如何配置代理？

嘿，这个问题我太熟了！本地开发用proxy.conf.json能正常连Node.js API，但部署到Tomcat后那套配置就彻底没用了——毕竟它只是ng serve专属的开发环境工具。别慌，咱们用Tomcat自带的反向代理就能搞定，步骤给你理得明明白白：

首先得明确一个关键：angular-cli的proxy.conf.json只在开发模式（ng serve）下生效，一旦把Angular打包部署到Tomcat，这个配置就完全不起作用了，必须靠Tomcat自身的反向代理功能来转发API请求。

1. 先确保Tomcat启用了必要的代理模块 #

Tomcat的反向代理依赖相关核心组件，你需要先检查并启用它们：

• 找到Tomcat安装目录下的conf/server.xml文件
• 打开后确认以下两个Listener没有被注释（去掉开头的<!--和结尾的-->）：

<Listener className="org.apache.catalina.core.AprLifecycleListener" SSLEngine="on" />
<Listener className="org.apache.catalina.core.JreMemoryLeakPreventionListener" />

默认情况下Tomcat是启用这些的，但如果之前被注释过，一定要打开，不然代理功能用不了。

2. 添加Tomcat的反向代理规则（推荐单应用专属配置） #

因为你把Angular部署到了Tomcat的文档根目录（也就是webapps/ROOT），最推荐的是给这个应用单独配置代理，不会影响Tomcat上的其他应用：

步骤1：创建应用的WEB-INF目录 #

如果你的webapps/ROOT目录下没有WEB-INF文件夹，先新建一个。

步骤2：配置RewriteValve实现精细代理 #

这种方式最灵活，能精准控制哪些请求要转发：

• 在WEB-INF里创建context.xml文件，添加以下内容：

<Context>
    <!-- 启用RewriteValve，用来处理URL重写和代理 -->
    <Valve className="org.apache.catalina.valves.rewrite.RewriteValve" />
</Context>

• 接着在WEB-INF下创建rewrite.config文件，添加代理规则：

# 把所有/api开头的请求转发到Node.js的3000端口
RewriteRule ^/api/(.*)$ http://localhost:3000/api/$1 [P,L]

规则解释：

• ^/api/(.*)$：匹配所有以/api/开头的请求路径，(.*)是捕获后面的所有内容
• http://localhost:3000/api/$1：转发到Node.js服务器的对应路径，$1就是刚才捕获的路径内容
• [P]：表示用Tomcat的代理功能转发请求
• [L]：表示这是最后一条规则，匹配到后就不再继续处理其他规则

替代方案：用ProxyValve快速配置 #

如果你不需要太精细的规则，也可以直接用ProxyValve：
在WEB-INF/context.xml里添加：

<Context>
    <Valve className="org.apache.catalina.valves.ProxyValve"
           proxyName="localhost"
           proxyPort="3000"
           scheme="http"
           secure="false"
           path="/api"
           />
</Context>

这种方式会把所有/api开头的请求直接转发到http://localhost:3000/api。

3. 重启Tomcat验证配置 #

配置完之后，一定要重启Tomcat服务器，然后打开你的Angular应用，发起API请求试试——应该就能正常连接到Node.js的3000端口了！

几个额外要注意的点 #

• 如果Tomcat和Node.js不在同一台服务器上，把localhost改成Node.js服务器的IP或域名就行
• 检查Tomcat的日志（logs/catalina.out），如果转发失败，日志里会有具体的错误信息，比如端口不通、权限问题等
• 确保Angular打包时的base-href配置正确，比如你部署到根目录的话，打包命令应该是ng build --base-href /，这样/api的请求路径才会正确

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