寻求帮助：将ASP.net Web API与AngularJs应用部署至Tomcat服务器

核心前提：Tomcat不原生支持传统ASP.NET #

Tomcat是Java EE服务器，没法直接运行ASP.NET Framework应用，得先解决API的适配问题，再部署前端。

一、ASP.NET Web API的部署方案 #

1. 迁移到.NET Core（优先推荐） #

如果你的API能迁移到.NET Core/.NET 5+，跨平台部署更灵活：

• 发布成自托管应用：执行dotnet publish -c Release -r linux-x64 --self-contained true（根据服务器系统选择对应runtime），生成的文件直接在服务器上启动（./your-api-name）。
• 用Tomcat做反向代理：在Tomcat的conf/server.xml里配置ProxyPass和ProxyPassReverse，把/api开头的请求转发到.NET Core API的端口（比如http://localhost:5000/api）。

2. 保留ASP.NET Framework（仅Windows服务器可行） #

如果没法迁移，只能在Windows服务器上部署：

• 先把API部署到IIS，确保能正常访问。
• 配置Tomcat反向代理，把API请求转发到IIS的端口，或者用Nginx中转两者的请求。

二、AngularJS前端部署 #

这部分是纯静态文件部署，步骤简单：

• 本地构建项目：用你使用的构建工具（Gulp/Grunt/Webpack）执行生产构建，生成dist或build目录下的静态文件。
• 上传到Tomcat：把静态文件复制到Tomcat的webapps/ROOT目录（作为默认首页），或者新建webapps/angular-ui子目录（访问路径为http://你的服务器地址:8080/angular-ui）。
• 处理HTML5路由（如果开启了html5Mode）：
  1. 在Tomcat的conf/server.xml的Host节点下添加RewriteValve：

     <Valve className="org.apache.catalina.valves.rewrite.RewriteValve">
         <Property name="rewrite.config">conf/rewrite.config</Property>
     </Valve>
     

  2. 在conf/rewrite.config中写入规则：

     # 排除API、静态资源路径
     RewriteCond %{REQUEST_URI} !^/(api|assets|css|js|img)/.*$
     # 非文件请求转发到index.html
     RewriteCond %{REQUEST_FILENAME} !-f
     RewriteRule ^(.*)$ /index.html [L]
     

三、联调与验证 #

• 跨域处理：要么把前后端部署在同一域名下（通过Tomcat反向代理），要么在API端配置CORS允许前端域名访问。
• 修改前端API地址：把本地的http://localhost:xxxx/api改成服务器上的实际地址，比如http://你的服务器地址:8080/api。
• 重启Tomcat，访问前端地址测试页面加载，调用API接口验证数据交互是否正常。

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