ASP.NET应用经NGINX反向代理后图片路径显示为上游服务名称而非域名的问题求助

云原生阿岚

2026-4-23

别担心，新手刚接触NGINX反向代理碰到这种路径问题太正常了！我来帮你捋清楚原因和解决办法～

你的问题核心在于：ASP.NET应用运行在Docker容器里，它并不知道自己是通过my-domain.com这个外部域名对外提供服务的，反而以为自己是直接被访问的（或者用了你NGINX配置里的上游服务名称webapp），所以生成图片URL的时候就用了webapp/images/logo.png这种内部路径，浏览器自然找不到正确的资源。

结合你的场景，给你几个具体的解决步骤：

第一步：让ASP.NET信任反向代理的转发头部
你的NGINX已经配置了传递X-Forwarded-Host和X-Forwarded-Proto这些关键头部，但ASP.NET默认不会信任这些来自反向代理的头部，需要手动开启。
在你的ASP.NET应用的Program.cs（如果是旧版本.NET就是Startup.cs）里，添加以下代码，而且要放在app.UseRouting()之前：
```
app.UseForwardedHeaders(new ForwardedHeadersOptions
{
    ForwardedHeaders = ForwardedHeaders.XForwardedFor | ForwardedHeaders.XForwardedProto | ForwardedHeaders.XForwardedHost
});
```
这段代码的作用是告诉ASP.NET：这些转发头部是可信的，要用它们来识别真实的请求域名和协议。

第二步：完善NGINX的代理头部配置
你的现有NGINX配置已经做了大部分工作，但可以补充一个Host头部，确保ASP.NET拿到的是外部访问的域名，而不是上游容器的内部地址。修改location /块的配置如下：

location / {
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-Host $host;
    proxy_set_header X-Forwarded-Proto https;
    proxy_set_header Host $host; # 新增这一行
    proxy_pass       http://webapp/;
}

第三步：检查ASP.NET生成URL的方式
如果你的应用是手动拼接图片URL的（而不是用框架自带的Url.Action/Url.Content等方法），一定要改成使用当前请求的主机名，比如通过HttpContext.Request.Host.Value来获取my-domain.com，而不是硬编码或者使用内部服务名称。

完成这些配置后，重启NGINX和ASP.NET容器，应该就能看到图片的src变成my-domain.com/images/logo.png了～

备注：内容来源于stack exchange，提问作者mmgyyc