如何将 JSON 传递给 SwaggerUIBundle？答案

【问题标题】：How to pass JSON to SwaggerUIBundle?如何将 JSON 传递给 SwaggerUIBundle？
【发布时间】：2018-08-09 21:06:45
【问题描述】：

有没有办法将 OpenAPI JSON 内容直接传递给 Swagger UI 的 SwaggerUIBundle 而不是传递 URL？

我需要在 React 16 应用程序中使用 Swagger UI，但 swagger-ui 不支持 React 16，所以我改用 SwaggerUIBundle。有谁知道如何在 React 16+ 版本中使用 swagger-ui 或将 JSON 传递给 SwaggerUIBundle？

【问题讨论】：

请避免同时提出多个不同的问题。最好每个问题都有一个问题，以使未来的访问者更容易。您在这里有两个问题：1）如何以 JSON 格式提供规范； 2) 如何在 React 16 中使用 Swagger UI。考虑以separate question 的形式提出 React 问题。

标签： reactjs swagger swagger-ui

【解决方案1】：

要将规范作为 JSON 传递，请使用 spec 参数：

const ui = SwaggerUIBundle({
  // BEGIN SPEC
  spec: {
    swagger: '2.0',
    info: {
      title: "test",
      version: '1.0.0'
    },
    paths: {
      '/foo': {
        get: {
          responses: {
            '200': {
              description: 'OK'
            }
          }
        }
      }
    }
  },
  // END SPEC

  dom_id: '#swagger-ui',
  ...

请任何人知道如何在反应版本 16+ 中使用 swagger-ui

使用swagger-ui-react。

【讨论】：

谢谢，它确实有效！但是如何在本地导入 swagger-ui.css、swagger-ui-standalone-preset.js 和 swagger-ui-bundle.js？
@lin 我看到你向separate question 询问了有关进口的问题。希望有人会在那里回答。