swagger ui topbar插件react ts
swagger ui topbar插件react ts
提问于 2021-08-12 19:58:08
我使用了webpack作为我的捆绑器。我正在尝试为多个urls集成swagger UI。"swagger-ui": "3.51.2"。
import React from "react";
import SwaggerUi, { presets } from "swagger-ui";
// eslint-disable-next-line import/extensions
import SWaggerUiStandalonePreset from "swagger-ui/dist/swagger-ui-standalone-preset.js";
import "swagger-ui/dist/swagger-ui.css";
const Swagger: React.FC = () => {
React.useEffect(() => {
SwaggerUi({
dom_id: "#swaggerContainer",
urls: [
{
url: "http://petstore.swagger.io/v2/swagger.json",
name: "test1",
},
{
url: `http://petstore.swagger.io/v2/swagger.json`,
name: "test2",
},
],
presets: [presets.apis, SWaggerUiStandalonePreset],
plugins: [SwaggerUi.plugins.Topbar],
});
});
return <div id="swaggerContainer" />;
};
export default Swagger;我正在做这样的事情，它说，no api definitions found!，但是如果我只做url而不是urls，它可以工作吗？
如何使用topbar插件显示一些内容？
回答 1
Stack Overflow用户
发布于 2021-08-12 20:56:39
以防有人卡住了，试试这个
React.useEffect(() => {
SwaggerUi({
dom_id: "#swaggerContainer",
urls: [
{
url: "http://petstore.swagger.io/v2/swagger.json",
name: "test1",
},
{
url: "http://petstore.swagger.io/v2/swagger.json",
name: "test2",
},
],
plugins: [SWaggerUiStandalonePreset],
layout: "StandaloneLayout",
});
});
return <div id="swaggerContainer" />;
};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68763494
复制相关文章
相似问题
腾讯云开发者
