swagger-editor====本地部署到http-server

在vue中使用swagger-ui和swagger-editor 需求:在vue中使用swagger-ui和swagger-editor Swagger Editor是一个开源编辑器,用于设计,定义和记录Swagger规范中的RESTful API。Swagger Editor的源代码可以在GitHub中找到。 swagger官方文档: https://swagger.io/docs/open-source-tools/swagger-editor/ https://swagger.io/docs/open-source-tools/swagger-ui/usa. 阅读详情

github 上的swagger-editor:https://github.com/swagger-api/swagger-editor,作为参考

按照github上的方法,没有尝试成功。直接download下来解压文件,提示少了个bundle.js。崩溃啊。

但是=======这是一个华丽的转折

使用npm安装就有这个文件了

cmd下 :npm install swagger-editor(等了好一会)

                 npm install http-server

cmd下 进入带有http-server.cmd的目录下

像我的就是 cd D:\Program Files\nodejs\node_global,之后 http-server C:\Users\Administrator\node_modules\swagger-editor(npm安装swagger-editor的swagger-editor这个目录)

出现以下界面大功告成!!!

这时候只需要运行   http://localhost:8080/   就可以了

ps:如果遇到8080端口冲突报错,请自行百度关闭冲突端口




Swagger Editor 的部署使用 文章目录一、swagger 本地部署1、安装 nodejs、npm2、npm 安装 http server3、下载项目4、环境变量5、运行hs服务二、Swagger 使用三、关于 一、swagger 本地部署 Swagger Editor 可以使用在线编辑器,也可以离线本地部署环境。使用YAML定义接口规范,接口文档生成不同框架服务端、客户端。可以导出JSON格式API规范,通过Swagger UI发布。 1、安装 nodejs、npm npm是Nodejs的包管理器 戳node.js官网 戳node.js 阅读详情

相关推荐

Swagger-Editor本地化部署(Swagger-API设计工具)

1.安装node.js环境 安装成功后进行测试 2.下载并安装http-server npm install -g http-server 3.下载editor文件 打开swagger-editor官网,也可以在https://github.com/swagger-api/swagger-editor/releases/download/v2.10.4/swagge...

程序员精进之路 2804

vue vue3 vite 引入 swagger文档的具体方法

【代码】vue vue3 vite 引入 swagger文档的具体方法。

2401_83071040的博客 924

SwaggerEditor(Tomcat)+UI+UI扩展版

Swagger工具包。在Tomcat上直接运行版。 添加了sosoapi的SwaggerUI的扩展插件。

Swagger Editor与Swagger-UI神器使用

前言 在没有产品经理或者项目经理的情况下,对于前端和后端打交道来说,无非就是对接口的争争吵吵,字段多多少少的事。大多时候前端都喜欢直接使用后端提供的接口,而后端有时候却不知道前端到底要什么数据,就这样,Swagger这样的神器被我找到了,对于Swagger高级的应用,比如集成到IDE中自动生成文档,今天就不废话了,我主要想说的是怎么用Swagger Ed...

weixin_33811539的博客 1905

保姆级教程:用ROS2 Humble + Gazebo Classic 从零搭建一个能键盘控制的差分AGV模型

本文提供了一份详细的ROS2 Humble与Gazebo Classic教程,指导用户从零开始搭建一个键盘控制的差分AGV模型。内容涵盖环境配置、Xacro文件设计、Gazebo仿真集成以及键盘控制实现,特别针对常见问题提供解决方案,帮助开发者快速掌握ROS2机器人仿真技术。

weixin_30387423的博客 169

软件工程导论实践:从需求到架构的机票预订系统全流程解析

本文深入解析机票预订系统从需求分析到架构设计的全流程实践,涵盖业务流程、功能建模、模块化设计、性能优化等关键环节。通过实际项目经验,分享软件工程导论在复杂系统开发中的应用技巧,包括数据流图绘制、E-R图设计、微服务架构及高并发处理等实战策略,助力开发者构建高效可靠的机票预订系统。

weixin_29202213的博客 414

Docker容器化部署Swagger三件套:Editor、Codegen、UI

说到Swagger就不得不说OpenAPI Specification(OAS),这两个之间存在千丝万缕的联系,不过也不必在意这些细节(主要是我也搞不清),就需要明白 OAS是一个规范; Swagger是遵从这个规范的一个工具集之一; OAS目前版本为3.0.3; OAS规范是用来将RESTFul风格的API更容易被计算机和人类理解的,从这个意义上来说和高级编程语言很像; 常用的Swagger工具包括: Swagger Editor 开源 本地、云端 编辑API文档 Swag

MacwinWin的博客 2728

中兴FTTR光猫变简易OLT:低成本搭建全光监控与局域网实战指南

本文详细介绍了如何将中兴FTTR光猫改造为简易OLT设备,实现低成本全光监控与局域网扩展。通过LOID认证、桥接模式设置及终端数破解,用户可利用二手设备搭建高性能光纤网络,适用于远程监控和长距离组网场景,显著降低部署成本。

chair的专栏 2037

10分钟上手!Swagger Editor Docker部署全攻略:从环境搭建到API设计

Swagger Editor是API开发的必备工具,它提供了实时编辑、验证和预览OpenAPI规范(OpenAPI Specification,OAS)的功能。传统部署方式需要配置Node.js环境、解决依赖冲突,而Docker容器化部署可以帮你: - 省去复杂的环境配置步骤 - 确保开发环境一致性 - 快速启停服务,节省系统资源 - 轻松集成到CI/CD流程 项目的Docker配置文件位于:[...

gitblog_00296的博客 474

Oracle 11g版本下载及安装超详细教程图解

新手Oracle安装教程

weixin_43738344的博客 10万+

华为OD机试真题2026双机位C卷 Python&JS 实现【明日之星选举】

给定一组选票votes。votes[i]代表第 i 张选票的内容,包含一个字符串"zhangsan,hanmei",表示推荐zhangsan为明日之星,反对 hanmei 称为明日之星。赞成或反对使用逗号(,)分割。 给定一个数组n,表示最后将筛选出赞成票最多的n个人,如果赞成票相同,则反对票越少,排序越靠前;如果赞成票和反对票都相同,则按照姓名字典序升序排序。

MISAYAONE的博客 319

openapi:swagger-ui/swagger-editor 部署

openapi:搭建部署 swagger-ui/swagger-editor 1.下载 swagger-ui/swagger-editor 源码 git clone https://github.com/swagger-api/swagger-ui git clone https://github.com/swagger-api/swagger-editor 注:可以从github上下载过往版本...

test1280 1593

Apifox接口测试+自动化测试

Apifox 接口测试+自动化测试快速入门!

程序员小杨哥的博客 1万+

Swagger Editor 简单入门

Swagger 编辑器用来设计、定义、和文档化符合 Swagger 规范的 RESTful APIs。 1、安装 Swagger Editor 是开源工具,能在线访问,也可以本地部署,下面是本地部署的流程。 1、安装 NodeJS。 然后执行 npm install 安装 npm 所需的依赖包。 2、安装 http-server 模块 npm install -g http-server 3、...

抱朴守拙 3834

Fastgpt本地使用Docker Compose 快速部署

修改文件,并执行再执行d重起容器。具体配置,参考配置详解。可以查看日志,在启动容器后,第一次请求网页,会进行配置文件读取,可以看看有没有读取成功以及有无错误日志。进入 FastGPT 容器,可以通过ls data查看目录下是否成功挂载文件。可通过查看配置文件。可能不生效的原因挂载目录不正确配置文件不正确,日志中会提示invalid json,配置文件需要是标准的 JSON 文件。

洛阳泰山的博客 1633

SAP UI5 OData V4 操作结果访问:从 getObject 到返回值上下文与 $$inheritExpandSelect

SAP UI5 OData V4 操作结果获取指南 摘要:在 SAP UI5 OData V4 模型中,操作结果需通过绑定上下文获取而非直接从 invoke() 返回。本文详解核心要点: 数据获取路径 使用 invoke() 发起请求后,通过 getBoundContext().getObject() 获取结果 特定场景下 invoke() 可能返回返回值上下文(如草稿切换) 关键实践技巧 使用 $$inheritExpandSelect 继承字段选择,避免二次读取 对象页应用中,通过替换绑定上下文实现无缝

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 314

Swagger安装环境部署以及示例程序

今日突然心血来潮,想看一下swagger这个东西是怎么写的,毕竟这个还是很有实用价值的,看着醒目,而且可以测试接口。还没来得及去研究做的每一步的原因,先把流程贴出来,以后真要用的话再好好研究。这次用windows环境搞的。1.对于内容的编辑:安装swagger-editora.下载并安装nodejs.(暂时还不知道为啥,猜测一下应该相当于一个解释器)验证安装成功:cmd-->输入:node ...

漂泊小柒的专栏 9559

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

swagger-editor 本地部署到

from:http://blog.youkuaiyun.com/helloworld94/article/details/51729466 github 上的swagger-editor:https://github.com/swagger-api/swagger-editor,作为参考 按照github上的方法,没有尝试成功。直接download下来解压文件,提示少了个bundle.js

七夜之家 2156

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

IMSL CNL 7.0.0 (x86-64)Crack

IMSL CNL 7.0.0 (x86-64)Crack intel的算法库破解文件,这是C++版本的破解文件

【Swagger】环境搭建

下面所用工具下载 http://editor.swagger.io/#/ demo 一、安装swagger editor 说明:安装swagger前需要安装node工具 工具安装 1. node 下载地址:http://nodejs.cn/ 根据自己的需要下载版本即可,本人电脑是: win7 64bit,所以下载后的文件是:node-v10.13.0-x64.msi (双击安装即可,没啥特殊的,不再说明) 测试node工具是否安装成功?打开cmd终端 C:\Users\zz&..

ooooooooooooooxiaosu的博客 2652

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

本地部署swagger-editor两步走

全局下载http-server npm i http-server -g 找到npm的位置C:\Users\22829\AppData\Roaming\npm (AppData是隐藏文件,需要显示出来) 打开cmd,跳转到npm位置,然后运行http-server D:\软件\swaggereditor\swagger-editor3.5.7 即http-server 后面加上swagger-editor的安装路径进行启动 ...

furfur-jiang的博客 579

node运行swagger-editor

(1)下载 https://github.com/swagger-api/swagger- editor/releases/download/v2.10.4/swagger-editor.zip。我在资源中已经提供。 (2)解压swagger-editor (3)全局安装http-server(http-server是一个简单的零配置命令行http服务器) npminstall‐ghttp...

学亮编程手记 656

Swagger Editor跨域问题解决方案:开发与生产环境配置

### 1.1 跨域资源共享(CORS)基础 跨域资源共享(Cross-Origin Resource Sharing,CORS)是浏览器的一种安全策略,用于限制网页从不同源(协议、域名、端口任一不同)获取资源。当Swagger Editor(前端)与后端API服务不在同一源时,浏览器会拦截跨域请求,导致API文档无法正常加载或接口调试失败。 ### 1.2 Swagger Editor中的典...

gitblog_00013的博客 884

swagger本地环境搭建

参考文档(Linux-Centos7.4 X64) 1、https://testerhome.com/topics/8168 2、https://testerhome.com/topics/9427 3.https://yq.aliyun.com/articles/773 操作步骤 步骤一、安装nodejs 1.官网下载对应版本的nodejs 2.加压tar -xvfnode-v8...

weixin_30672295的博客 510

Node.js +Swagger Editor + Swagger-UI 环境搭建

安装node.js下载node.js最新版 https://nodejs.org/en/download/ 点击 安装器 node-v6.11.1.pkg 开始安装 一路下一步,安装完成 node.js安装后验证 npm -v node -v 下载Swagger-Editorhttps://github.com/swagger-api/swagger-editor/releases复制最

ruglcc's blog 1万+

Swagger环境搭建之非依赖代码法

前言 Swagger 是一个规范和完整的框架,用于生成、描述、调用和可视化 RESTful 风格的 Web 服务。总体目标是使客户端和文件系统作为服务器以同样的速度来更新。文件的方法,参数和模型紧密集成到服务器端的代码,允许API来始终保持同步。Swagger 让部署管理和使用功能强大的API从未如此简单。好吧,以上是官方的说法,我直接复制的,在我看来swagger就是一个接口文档管理器,以

极客on之路 2810

http-server swagger-editor启动成功后,访问404的解决方法

http-server swagger-editor启动成功后,访问404的解决方法

asdfgh0077的博客 538
HelloWorld94
博客等级 码龄11年 0粉丝 1原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值