Nuget包“Swagger-Net”swagger-ui默认ui页面在Asp.net mvc5中修改

Question

我在 asp.net mvc5 中有一个项目，并添加了 Swagger 哪个 Swagger-Net NuGet 包 (https://github.com/heldersepu/Swagger-Net)

在这里我需要删除红色矩形内的 HTML 部分 这是 Swagger-Net 提供的默认 UI

Answer 1

您可以用自己的完全替换 index.html 或使用 CSS 来隐藏 div。

要替换 index.html，请执行以下操作。

httpConfiguration
     .EnableSwagger(c => c.SingleApiVersion("v1", "A title for your API"))
     .EnableSwaggerUi(c =>
         {
             c.CustomAsset("index", yourAssembly, "YourWebApiProject.SwaggerExtensions.index.html");
         });

替换整个 index.html 文件可能有点矫枉过正，这意味着您需要在 Swagger 更新它时对其进行维护。所以，如果你只想隐藏块，你可以用 CSS 做到这一点。

像这样指定一个自定义样式表：

httpConfiguration
    .EnableSwagger(c => c.SingleApiVersion("v1", "A title for your API"))
    .EnableSwaggerUi(c =>
        {
            c.InjectStylesheet(containingAssembly, "Swagger-Net.Dummy.SwaggerExtensions.testStyles1.css");
        });

然后在您的自定义样式表 (testStyles1.css) 中放入：

information-container { 
    display: none; 
}

有关这两个选项的更多信息，请参阅here。