Swagger Ui + Editor搭建,解决跨域问题

公司项目用java开发,现在准备切换到前后端分离,于是搭建swagger环境用于接口对接

   1. 简单介绍 swagger ui与editor的功能

      swagger-editor: 相当于编译接口的工具,好比编辑器,有一些语法检查等功能,可以把

          编辑好的接口导出成json文件,用于swagger ui加载


Swagger Ui + Editor搭建,解决跨域问题_第1张图片

    swagger-ui: 相当于展示的web, 可以把swagger-editor编辑好的文件加载过来页面展示


Swagger Ui + Editor搭建,解决跨域问题_第2张图片

2. 环境搭建:

      1. 环境准备 node环境搭建

      2. 下载 

     https://github.com/swagger-api/swagger-editor

     swagger-editor: 下载以后在根目录直接npm start



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

swagger-ui: 下载以后启一个web服务器访问dist目录就可以了

     例如我用ittun 的公网映射web配置,可以公网查看接口

     自带http server功能,指定其是dist目录即可.


Swagger Ui + Editor搭建,解决跨域问题_第3张图片
Swagger Ui + Editor搭建,解决跨域问题_第4张图片
Swagger Ui + Editor搭建,解决跨域问题_第5张图片

3.  解决跨域问题

项目 pom.xml 引入jar包 


Swagger Ui + Editor搭建,解决跨域问题_第6张图片

web.xml配置过滤器


Swagger Ui + Editor搭建,解决跨域问题_第7张图片

你可能感兴趣的:(Swagger Ui + Editor搭建,解决跨域问题)