ASP.NET Core+Angular17发布至IIS后静态资源加载失败求助

针对你遇到的静态资源（CSS/JS/Assets）404问题，按以下步骤排查修复：

1. 修正Angular构建输出路径与Startup配置的匹配问题 #

你的Startup.cs中配置的SPA静态资源根路径是ClientApp/dist，但Angular 17默认构建后会将产物输出到dist/<你的Angular项目名称>目录下（比如项目名为PDS，路径就是ClientApp/dist/PDS）。

• 打开angular.json，找到projects -> <你的项目名> -> architect -> build -> options里的outputPath，确认实际输出路径。
• 修改Startup.cs中AddSpaStaticFiles的配置，将RootPath改为正确的路径：

  services.AddSpaStaticFiles(configuration =>
  {
      configuration.RootPath = "ClientApp/dist/PDS"; // 替换为你的实际输出目录
  });
  

2. 确保Angular静态文件被正确发布到IIS #

检查发布后的%SystemDrive%\inetpub\wwwroot\PDS目录，确认ClientApp/dist（或修正后的子目录）下包含所有Angular构建产物（css、js、assets文件夹等）。如果缺失，在项目的.csproj文件中添加以下配置，确保构建时复制静态文件：

<ItemGroup>
  <Content Include="ClientApp/dist/**/*" CopyToPublishDirectory="PreserveNewest" />
</ItemGroup>

添加后重新发布项目到IIS。

3. 修正Angular的base href配置 #

从控制台错误日志看，静态资源请求的是http://MyServer/xxx，但你的应用部署在IIS的PDS虚拟目录下，正确的请求路径应该是http://MyServer/PDS/xxx，这是因为Angular的base href未配置正确。

• 方法1：构建Angular时指定base href参数：

  ng build --prod --base-href /PDS/
  

• 方法2：在angular.json中永久配置base href：

  "projects": {
    "你的项目名": {
      "architect": {
        "build": {
          "options": {
            "baseHref": "/PDS/",
            // 其他配置...
          }
        }
      }
    }
  }
  

修改后重新构建并发布Angular产物。

4. 调整中间件顺序 #

确保UseSpaStaticFiles在UseStaticFiles之后、UseMvc之前执行，正确的中间件顺序如下：

app.UseHttpsRedirection();
app.UseStaticFiles();
app.UseSpaStaticFiles(); // 移到此处，确保SPA静态资源被优先处理
app.UseCors("AllowAll");

app.UseMvc(routes => {
    routes.MapRoute(
        name: "default",
        template: "{controller}/{action=Index}/{id?}");
});

app.UseSpa(spa => {
    // 现有配置...
});

5. 检查IIS站点配置 #

• 确认PDS是IIS中的应用程序（而非普通虚拟目录），应用程序池设置为：
  • .NET CLR版本：无托管代码
  • 托管管道模式：集成
• 检查站点物理路径是否指向%SystemDrive%\inetpub\wwwroot\PDS，并确保IIS_IUSRS和应用程序池标识对该目录有读取权限。

6. 查看ASP.NET Core日志 #

你的web.config中已开启stdoutLogEnabled="true"，查看PDS/logs目录下的stdout日志，检查应用启动时是否有静态资源路径相关的错误信息，帮助定位问题。

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