net core swagger nginx 代理转发后,添加中间路径导致swagger页面无法访问的问题 Swashbuckle

引用地址:https://www.cnblogs.com/wswind/p/12801239.html

通过代理转发后,webapi的swagger无法访问,本质原因是代理后url路径发生变化导致swagger无法正常定位资源。
一般而言代理转发如果发布到网址的根路径下,不会发生这种问题,但是如果添加了中间路径,则会出现此类问题,如:
http://some-site.com/swagger => http://some-site.com/middle-path/swagger

官方文档配置:
Get started with Swashbuckle and ASP.NET Core | Microsoft Learn
Host ASP.NET Core on Linux with Nginx | Microsoft Learn

c.SwaggerEndpoint("/swagger/v1/swagger.json", "My API V1");

解决方法:

  1. 使用url相对路径
  2. 通过PreSerializeFilters设置根地址,并通过nginx的X-Forwarded-Prefix指定api名称

nginx配置:

server {
        listen       5011;
        server_name  _;

        location /api1/ {
            proxy_pass         http://192.168.56.1:5000/;
            proxy_http_version 1.1;
            proxy_set_header   Upgrade $http_upgrade;
            proxy_set_header   Connection keep-alive;
            proxy_set_header   Host $http_host; # 使用http_host而非host以满足带有端口号的情况
            proxy_cache_bypass $http_upgrade;
            proxy_set_header   X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header   X-Forwarded-Proto $scheme;
	    proxy_set_header   X-Forwarded-Prefix api1; # api1用于传递路由名称
        }
    }

Swashbuckle 5.x 以前通过PreSerializeFilters设置BasePath的方案,5.x以后,设置OpenApiServer.Url属性

代码如下:

app.UseSwagger(c =>
{
	c.PreSerializeFilters.Add((swagger, httpReq) =>
	{
                //根据访问地址,设置swagger服务路径
		swagger.Servers = new List<OpenApiServer> { new OpenApiServer { Url = $"{httpReq.Scheme}://{httpReq.Host.Value}/{httpReq.Headers["X-Forwarded-Prefix"]}" } };
	});
});

app.UseSwaggerUI(c =>
{
        //使用相对路径
	c.SwaggerEndpoint("v1/swagger.json", "My API V1");
});

集成nginx别忘了设置中间件

public static IServiceCollection AddNginx(this IServiceCollection services)
{
	services.Configure<ForwardedHeadersOptions>(options =>
	{
		options.ForwardedHeaders = ForwardedHeaders.XForwardedFor | ForwardedHeaders.XForwardedProto;
		options.KnownNetworks.Clear();
		options.KnownProxies.Clear();
	});
	return services;
}

github demo: GitHub - wswind/swagger-proxy: asp.net core swashbuckle swagger under nginx proxy

官方文档: GitHub - domaindrivendev/Swashbuckle.AspNetCore: Swagger tools for documenting API's built on ASP.NET Core

相关issue:

Unable to use set dynamic base-path (i.e. when using a reverse proxy) · Issue #1617 · domaindrivendev/Swashbuckle.AspNetCore · GitHub
Swagger not working behind reverse proxy · Issue #327 · microsoft/service-fabric-issues · GitHub
Bad redirection when call Swagger UI behind a proxy without trailing slash (/swagger) · Issue #662 · domaindrivendev/Swashbuckle.AspNetCore · GitHub
Swagger UI behind Service Fabric Reverse Proxy · Issue #427 · domaindrivendev/Swashbuckle.AspNetCore · GitHub
Supporting reverse proxy scenarios · Issue #380 · domaindrivendev/Swashbuckle.AspNetCore · GitHub
Automatic handling of reverse proxy headers · Issue #1298 · domaindrivendev/Swashbuckle.AspNetCore · GitHub
Support root-relative paths in endpoint paths in Swagger UI · Issue #1253 · domaindrivendev/Swashbuckle.AspNetCore · GitHub

---- update 20220304 ----

除了上述方法外,也可以设置PathBase,设置PathBase对于MVC资源也生效,是处理这种转发带中间路径情况的通用方案。
微软的eShop Demo采用的是这种方式,不过是用过配置文件来设置的PathBase,代码如下

//https://github.com/dotnet-architecture/eShopOnContainers/blob/dev/src/Services/Ordering/Ordering.API/Startup.cs
var pathBase = Configuration["PATH_BASE"];
if (!string.IsNullOrEmpty(pathBase))
{
    loggerFactory.CreateLogger<Startup>().LogDebug("Using PATH BASE '{pathBase}'", pathBase);
    app.UsePathBase(pathBase);
}

app.UseSwagger()
    .UseSwaggerUI(c =>
    {
        c.SwaggerEndpoint($"{ (!string.IsNullOrEmpty(pathBase) ? pathBase : string.Empty) }/swagger/v1/swagger.json", "Ordering.API V1");
        c.OAuthClientId("orderingswaggerui");
        c.OAuthAppName("Ordering Swagger UI");
    });

你使用PathBase的方式和X-Forwarded-Prefix结合一下,在设置nginx转发中间件的同时,基于X-Forwarded-Prefix设置一下PathBase,如

public static IApplicationBuilder UseForwardedPrefix(this IApplicationBuilder app)
{
	app.Use(async (ctx, next) =>
	{
		//https://github.com/dotnet/aspnetcore/issues/23263#issuecomment-767394044
		if (ctx.Request.Headers.TryGetValue("X-Forwarded-Prefix", out var prefixVals))
		{
			if (!StringValues.IsNullOrEmpty(prefixVals))
			{
				string prefix = prefixVals.Last();
				ctx.Request.PathBase = $"/{prefix}";
			}
		}
		
		await next();
	});
	return app;
}

最后再基于PathBase来设置Swagger UI路径。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值