node.js - 如何在reactjs中渲染swagger.json内容

标签 node.js reactjs express swagger nodejs-express-server

我正在尝试使用 Express 和 ReactJs 为我的 API 创建一个文档门户。基本上,我从 Express 服务器获取 JSON 内容(swagger.json),并将其传递到客户端上的 swagger UI 进行显示

在文档 ( https://www.npmjs.com/package/swagger-ui-react ) 中,我只看到一个显示 URL 的选项。

render() {
        return <SwaggerUI url="https://petstore.swagger.io/v2/swagger.json" />;
      }

我有 JSON 内容。是否有另一种方法来传递 JSON 内容并将其显示在 Swagger UI 中?

最佳答案

根据their docs ,您可以使用 spec 属性直接传递内容:

spec: PropTypes.object

An OpenAPI document respresented as a JavaScript object, JSON string, or YAML string for Swagger UI to display.

⚠️ Don't use this in conjunction with url - unpredictable behavior may occur.

示例:

<SwaggerUI spec={jsonData} />

关于node.js - 如何在reactjs中渲染swagger.json内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/75599023/

相关文章:

node.js - express ,多条路线到同一功能

javascript - 如何使用 @azure/storage-blob sdk 附加 blob 文件? ( Node JS)

javascript - 如何在 NodeJS 中使用 require 从本地文件创建 Blob?

javascript - Node.js Twitter API 游标

javascript - react 不起作用。错误说(索引):13 Uncaught SyntaxError: Unexpected token <

node.js - nodejs、socket.io 和expressjs 未连接

hash - Crypto - Express.js PBKDF2 HMAC-SHA1 就足够了吗?

node.js - Mongoose 连接 url 显示格式错误

javascript - 更改颜色 InputLabel Material UI

css - 在生产中应用于父级的子组合器