来自Javascript文件的swagger-ui隐藏方案

Question

bounty过期在23小时内。该问题的答案有资格获得+ 50声望赏金。Vinay想要引起更多关注对此问题。

我正在使用swagger-ui使用swagger json文件，如：

...
...
...
host: example.com
basePath: /
schemes:
- https
swagger: "2.0"
...
...
...

有没有办法通过swagger-ui在网络上不显示schemes？

我已经阅读了configuration的文档，但是找不到我可以使用的任何东西。我可能会缺少一些东西。

让我知道您是否有任何想法。

我的JS代码段：

// above code for swagger-ui stuff
// snippet is just about conf
jQuery(document).ready(function () {
    const swaggerUI = SwaggerUIBundle({
        url: jQuery("#swagger-ui").data("source"),
        dom_id: "#swagger-ui",
        deepLinking: true,
        presets: [
        SwaggerUIBundle.presets.apis
        ],
        plugins: [
        ],
        layout: "BaseLayout",
        defaultModelsExpandDepth: -1,
    });
    window.swaggerUI = swaggerUI;
});

我想隐藏的内容：

Answer 1

如果您始终要对swagger使用http身份验证方案，则可以对swagger json文件进行跟踪。 默认身份验证方案将为http。

现在，如果您需要https身份验证方案，则必须按照“ webron” here的建议编辑swagger-ui。

方法1：

将自定义css添加到生成的swagger html here

方法2 ：（不推荐）

1. 仅保留您的方案https
2. 转到此位置node_modules> swagger-ui-dist> swagger-ui.css

3. 查找。scheme-container

   ] >>

4. 并使用display：none;

添加CSS

。scheme-container {显示：无； margin：0 0 20px; padding：30px 0; background：#fff; box-shadow：0 1px 2px 0 rgba（0,0,0，.15）}