如何在Blazor中配置多个静态文件目录（wwwroot与Uploads）？

要同时访问wwwroot和服务器上的Uploads静态文件目录，核心是正确配置ASP.NET Core的静态文件中间件，你的问题出在对wwwroot的额外配置上，以下是正确的实现方式：

正确配置代码 #

app.UseBlazorFrameworkFiles();

// 处理默认的wwwroot目录，文件可通过根路径直接访问（如 /css/site.css）
app.UseStaticFiles();

// 处理Uploads目录，文件通过/Uploads前缀访问（如 /Uploads/photo.jpg）
app.UseStaticFiles(new StaticFileOptions
{
    FileProvider = new PhysicalFileProvider(
        Path.Combine(Directory.GetCurrentDirectory(), "Uploads")),
    RequestPath = "/Uploads"
});

关键说明 #

• app.UseStaticFiles()：这是ASP.NET Core的默认静态文件中间件，它会自动将wwwroot作为静态文件的根目录，无需额外指定FileProvider和RequestPath，访问时直接用文件在wwwroot内的相对路径即可（比如wwwroot/js/app.js对应访问地址/js/app.js）。
• 针对Uploads的配置：通过StaticFileOptions指定自定义的物理文件路径和请求前缀，这样访问/Uploads/xxx时，中间件会去服务器的Uploads文件夹中查找对应文件。

为什么你之前的配置无效？ #

你之前给wwwroot额外添加了带RequestPath = "/wwwroot"的静态文件中间件，这意味着访问wwwroot内的文件必须加上/wwwroot前缀（比如/wwwroot/css/site.css），而非默认的根路径访问，不符合常规访问习惯，所以你会觉得无法访问wwwroot。

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