如何通过互联网访问ASP.NET Core API的wwwroot中的图片？

核心问题 #

你遇到的问题根源在于图片路径的存储和返回逻辑错误：

1. 数据库保存的是本地绝对物理路径（如C:\\Users\\...\\Jamb.jpeg），部署到Plesk服务器后，该路径在服务器上不存在，且前端无法访问服务器外的本地路径。
2. 返回的线上URL格式错误：包含wwwroot前缀（ASP.NET Core中wwwroot是静态文件根目录，访问时无需携带），同时混合了正反斜杠，不符合URL规范。

解决方案 #

1. 修改图片存储逻辑：存储相对路径 #

不要在数据库中保存绝对物理路径，改为保存相对于wwwroot的相对路径，例如：

/Images/ExaminationBodies/Jamb.jpeg

存储时只需记录文件在wwwroot下的层级结构，而非完整物理路径。

2. 确保静态文件中间件配置正确 #

在Program.cs中确认已启用静态文件中间件，让ASP.NET Core可以对外提供wwwroot下的静态资源：

var builder = WebApplication.CreateBuilder(args);

// 添加服务...

var app = builder.Build();

// 必须在路由前启用静态文件
app.UseStaticFiles();

// 其他中间件配置（路由、授权等）...
app.MapControllers();

app.Run();

3. 返回前端时拼接正确的可访问URL #

在API接口中，通过IWebHostEnvironment和当前请求上下文，将相对路径拼接为完整的线上URL：

[ApiController]
[Route("api/[controller]")]
public class ExaminationController : ControllerBase
{
    private readonly IWebHostEnvironment _webHostEnv;

    // 注入IWebHostEnvironment
    public ExaminationController(IWebHostEnvironment webHostEnv)
    {
        _webHostEnv = webHostEnv;
    }

    [HttpGet("bodies")]
    public IActionResult GetExaminationBodies()
    {
        // 从数据库获取数据（示例）
        var dbData = new List<ExaminationBody>
        {
            new() { Id = 2, Name = "Jamb", Description = "Joint Admission Matriculation Board", RelativeImagePath = "/Images/ExaminationBodies/Jamb.jpeg" }
        };

        // 拼接完整URL
        var baseUrl = $"{Request.Scheme}://{Request.Host}";
        var responseData = dbData.Select(item => new
        {
            item.Id,
            item.Name,
            item.Description,
            ImageUrl = Path.Combine(baseUrl, item.RelativeImagePath).Replace("\\", "/")
        });

        return Ok(new
        {
            ResponseCode = "00",
            ResponseMessage = "successfull",
            Response = new { ExaminationBodies = responseData }
        });
    }
}

这样返回的ImageUrl会是符合规范的地址：https://api.ainsexamination.com/Images/ExaminationBodies/Jamb.jpeg，前端可以直接访问。

4. 验证Plesk配置 #

• 确认Plesk中ASP.NET Core应用的应用池身份拥有wwwroot/Images文件夹的读写权限（建议使用应用池内置身份，而非本地用户）。
• 检查Plesk的静态文件处理设置，确保未禁用静态资源的访问。

错误URL示例修正 #

你当前返回的错误URL：

https://api.ainsexamination.com\\wwwroot\\Images/ExaminationBodies\\WAEC.jpg

修正后应为：

https://api.ainsexamination.com/Images/ExaminationBodies/WAEC.jpg

内容的提问来源于stack exchange，提问作者Rikudou En Sof