IIS中ASP.NET MVC主应用挂载.NET Core 2.0子应用静态文件路径异常咨询

我之前处理过好几个类似的场景，核心问题其实很明确：Angular默认打包出来的静态资源引用都是以/开头的绝对路径，当你在子应用路径/subApp下访问时，浏览器会直接请求www.mysite.com/main.js而不是www.mysite.com/subApp/main.js，所以IIS才会去根目录找。下面给你几个靠谱的解决方案，按优先级排序：

直接让Angular打包时生成对应子应用路径的资源引用，从根源解决问题：

• 打开Angular项目的配置文件：如果是Angular 5，用的是.angular-cli.json；如果是后续版本，是angular.json
• 找到项目的构建配置节点：
  • 对于.angular-cli.json，在apps数组里的目标项目下，添加"baseHref": "/subApp/"和"deployUrl": "/subApp/"
  • 对于angular.json，找到projects -> [你的项目名] -> architect -> build -> options，同样添加这两个配置项

  小提示：baseHref负责设置路由的基础路径，deployUrl负责指定静态资源的加载路径，两个都加上能避免路由和资源加载的双重问题

• 重新执行生产打包命令：ng build --prod
• 把打包后的dist文件夹内容部署到IIS主应用下的subApp子目录，同时确保这个子目录已经被转换为应用程序（右键子目录→转换为应用程序，ASP.NET Core的应用池要设置为「无托管代码」）

如果暂时不想重新打包Angular项目，可以通过IIS的URL重写模块，把静态资源请求转发到子应用目录：

• 先确认IIS已经安装了URL重写模块：打开IIS管理器→模块，找不到的话可以通过Web平台安装器添加
• 打开主应用（ASP.NET MVC）的web.config，添加以下重写规则：

<rewrite>
  <rules>
    <!-- 拦截subApp下的静态资源请求，转发到子应用目录 -->
    <rule name="SubApp Static Files" stopProcessing="true">
      <match url="^subApp/(.*\.(js|css|png|jpg|jpeg|gif|svg|ico))$" />
      <action type="Rewrite" url="subApp/{R:1}" />
    </rule>
    <!-- 处理Angular的单页路由，避免刷新404 -->
    <rule name="SubApp SPA Routes" stopProcessing="true">
      <match url="^subApp/(.*)$" />
      <conditions logicalGrouping="MatchAll">
        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
        <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
      </conditions>
      <action type="Rewrite" url="subApp/index.html" />
    </rule>
  </rules>
</rewrite>

• 同时检查子应用（ASP.NET Core）的web.config，确保ASP.NET Core模块能正确处理所有请求：

<handlers>
  <add name="aspNetCore" path="*" verb="*" modules="AspNetCoreModuleV2" resourceType="Unspecified" />
</handlers>
<aspNetCore processPath="dotnet" arguments=".\YourSubApp.dll" stdoutLogEnabled="false" stdoutLogFile=".\logs\stdout" hostingModel="inprocess" />

在子应用的Startup.cs里显式指定静态文件的请求路径，让ASP.NET Core正确识别子应用的资源：

• 打开Startup.cs的Configure方法，修改UseStaticFiles的配置：

app.UseStaticFiles(new StaticFileOptions
{
    // 指定静态文件的请求前缀为/subApp
    RequestPath = "/subApp"
});

// 配置SPA fallback，确保Angular路由正确
app.UseSpa(spa =>
{
    spa.Options.SourcePath = "ClientApp"; // 你的Angular项目目录
    spa.Options.DefaultPageStaticFileOptions = new StaticFileOptions
    {
        RequestPath = "/subApp"
    };
});

• 这个方案建议配合方案1的AngularbaseHref设置一起使用，效果更稳定

最后几个注意点 #

• 测试前一定要清空浏览器缓存，避免旧的资源路径缓存干扰结果
• 确保子应用的应用池设置正确：ASP.NET Core应用需要用「无托管代码」的应用池，不要和ASP.NET MVC的应用池混淆
• 如果子应用部署后路由刷新404，记得检查方案2里的SPA路由重写规则，或者方案3里的SPA fallback配置

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