使用Nginx部署本地Swagger Editor‌

2026/7/30 6:49:35

Swagger Editor 是一个基于 Web 的工具，用于设计和查看 OpenAPI (Swagger) 规范。以下是部署 Swagger Editor 到 Nginx 服务器的基本步骤：

1.下载 Swagger Editor

从Swagger Editor 的 GitHub 仓库获取最新的代码。你可以克隆其 Git 仓库或者直接下载 ZIP 文件。

# 使用git克隆 git clone https://github.com/swagger-api/swagger-editor.git # (或者) 直接下载ZIP文件 wget https://github.com/swagger-api/swagger-editor/archive/master.zip

2.安装依赖

进入 Swagger Editor 目录(ZIP需要先解压)，并安装所需的 Node.js 依赖。

# 需要先安装NodeJS程序 cd swagger-editor npm install

3.构建静态文件

使用 npm 命令构建静态文件，这将在 dist 目录下生成静态文件。

# 构建打包 npm run build

4.配置 Nginx

将build里面所有文件复制到nginx的html下swagger-editor文件夹(自己创建)，并在nginx配置添加下面代码。

server { listen 80; # 或者你选择的端口号 server_name localhost; # 替换为你的域名或IP地址 root c:/nginx/html/swagger-editor/; # 指向构建的dist目录 index index.html; # 设置默认首页文件 location / { try_files $uri $uri/ =404; # 处理单页应用路由问题 } }

添加完成后重启Nginx服务。