如何将Swagger UI中的"Schemas"替换为"Models"？

方法1：通过初始化配置自定义文案 #

如果是用JavaScript直接初始化Swagger UI，可在配置里直接覆盖本地化文本：

const ui = SwaggerUIBundle({
  url: "你的API规格文件路径",
  dom_id: '#swagger-ui',
  // 覆盖英文环境下的"Schemas"文本
  i18n: {
    en: {
      schemas: "Models"
    }
  },
  // 其他原有配置...
});

这个配置会全局替换所有显示"Schemas"的位置，包括侧边栏导航和详情页的标题。

方法2：修改本地化文件（本地部署场景） #

要是你是本地部署Swagger UI源码：

• 找到源码里的src/core/i18n/translations/en.js（对应你使用的语言文件）
• 找到schemas字段，把值从"Schemas"改成"Models"
• 重新构建Swagger UI就能生效

方法3：CSS临时视觉替换（仅应急用） #

如果不想改动代码或配置，可临时用CSS做视觉替换：

/* 替换顶部Schemas标题 */
.swagger-ui .models h4:before {
  content: "Models";
  visibility: visible;
}
.swagger-ui .models h4 {
  visibility: hidden;
}

/* 替换侧边栏Schemas文本 */
.swagger-ui .sidebar .models a span {
  visibility: hidden;
  position: relative;
}
.swagger-ui .sidebar .models a span:after {
  content: "Models";
  visibility: visible;
  position: absolute;
  left: 0;
}

注意：这种方法只是视觉替换，DOM实际文本还是"Schemas"，可能存在交互或兼容性问题，优先用前两种方法。

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