ASP.NET Core MVC中如何跨服务器/主机获取图片路径并正常显示

针对门户站点无法查看上传到主站点的图片问题，有以下几种可行的实现方式：

方案一：修正图片URL生成逻辑（最直接） #

核心是在门户站点渲染图片时，把数据库存储的相对路径和主站点的基础地址拼接，替换掉门户自身的站点地址：

1. 先统一数据库中路径的分隔符（将\替换为/，避免URL解析或跨平台问题）
2. 把主站点的基础URL（如http://....:8813/）拼接到处理后的相对路径前

示例代码（以C#为例）：

// 从数据库读取的原始路径
string dbImagePath = "StaticFiles\\images/items/restaurant\\1cb28510-84e1-40ac-9cf8-343e875fcadb.jpg";
// 统一路径分隔符为/
string normalizedPath = dbImagePath.Replace("\\", "/");
// 主站点基础地址（建议放在配置文件中，便于后续修改）
string masterBaseUrl = "http://....:8813/";
// 生成可正常访问的图片URL
string accessibleImageUrl = $"{masterBaseUrl.TrimEnd('/')}/{normalizedPath.TrimStart('/')}";

方案二：配置反向代理（无需大量修改代码） #

如果不想改动现有URL生成逻辑，可以在门户站点配置反向代理，将/StaticFiles开头的请求转发到主站点：
以ASP.NET Core为例，使用Yarp中间件实现：

1. 在appsettings.json中添加代理配置：

{
  "ReverseProxy": {
    "Routes": {
      "staticFilesRoute": {
        "ClusterId": "masterSite",
        "Match": {
          "Path": "/StaticFiles/{**catch-all}"
        }
      }
    },
    "Clusters": {
      "masterSite": {
        "Destinations": {
          "masterServer": {
            "Address": "http://....:8813/"
          }
        }
      }
    }
  }
}

2. 在Program.cs中注册并启用反向代理：

builder.Services.AddReverseProxy().LoadFromConfig(builder.Configuration.GetSection("ReverseProxy"));

// 其他中间件配置...

app.MapReverseProxy();

配置完成后，门户站点的http://....:8814/StaticFiles/xxx请求会自动转发到主站点的对应路径，图片可正常显示。

方案三：共享静态文件目录（同服务器部署场景） #

如果两个站点部署在同一服务器上，可以直接让门户站点挂载主站点的静态文件目录：
在门户站点的Program.cs中配置静态文件中间件：

// 主站点wwwroot下StaticFiles目录的物理路径
string masterStaticDir = Path.Combine("D:/path/to/master/site/wwwroot", "StaticFiles");
app.UseStaticFiles(new StaticFileOptions
{
    FileProvider = new PhysicalFileProvider(masterStaticDir),
    RequestPath = "/StaticFiles"
});

这样门户站点可以直接读取主站点的图片文件，无需修改URL，保持原路径即可访问。

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