.NET 8中Blazor WASM RCL静态资源无法通过浏览器URL直接访问

问题原因 #

RCL（Razor类库）的静态资源默认会被打包到_content/{RCL项目名}/路径下，这是.NET Blazor的默认设计行为。所以你直接访问https://localhost/rclimage.png时，找不到对应资源；而通过./_content/RCL/rclimage.png能正常访问，是因为该路径正确指向了RCL资源的实际存放位置。

解决方案：修改RCL项目配置 #

在RCL.csproj文件中添加以下配置，将RCL的静态资源基础路径设置为根路径，让资源被视为主Blazor WASM项目根目录下的资源：

<ItemGroup>
  <Content Update="wwwroot/**/*">
    <StaticWebAssetBasePath>/</StaticWebAssetBasePath>
    <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
    <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
  </Content>
</ItemGroup>

• StaticWebAssetBasePath>/</StaticWebAssetBasePath>：替换默认的_content/RCL路径，将RCL静态资源的基础路径设为根路径。
• CopyToOutputDirectory和CopyToPublishDirectory：确保资源在编译、发布过程中被正确复制到输出目录。

配置完成后重新编译项目，此时就能通过https://localhost/rclimage.png直接访问RCL中的静态资源，同时原来的./_content/RCL/rclimage.png路径依然有效。

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