Yapi结合swagger备注自动生成接口文档

最新推荐文章于 2024-05-27 00:35:52 发布

weixin_42115358

最新推荐文章于 2024-05-27 00:35:52 发布

阅读量729

点赞数

文章标签：大数据

本文链接：https://blog.csdn.net/weixin_42115358/article/details/125573096

版权

TP5适用

例项目名称tp5

文件public下下载swagger-ui（只需要dist下的文件）

git clone https://github.com/swagger-api/swagger-ui.git

然后打开下载好的文件夹，找到dist目录, 打开index.html把其中的那一串url改成自己的url，就是第一步中的创建好的那个url,记得后面加上swagger.json,即http://localhost/tp5/swagger-ui/swagger.json

<script>
window.onload = function() {
  // Build a system
  const ui = SwaggerUIBundle({
    url: "http://localhost/tpSwagger/tp5/swaggerApi/swagger.json", // 更改此url为你的url
    dom_id: '#swagger-ui',
    presets: [
      SwaggerUIBundle.presets.apis,
      SwaggerUIStandalonePreset
    ],
    plugins: [
      SwaggerUIBundle.plugins.DownloadUrl
    ],
    layout: "StandaloneLayout"
  })
 
  window.ui = ui
}
</script>

改完之后，访问下你的swagger-ui中index所在的url：http://localhost/tp5/swagger-ui/index.html，显示的内容应该为：Failed to load spec.