Swagger 在 app.use 中呈现，但不在 app.get 中

Question

我正在尝试使用 swagger-ui-express 呈现 Swagger 文档。但只有在使用 app.use 时，它​​才会在浏览器中呈现，但在 app.get 中发布时，不会呈现 HTML 页面（空白屏幕），而是在我签入 Postman 时在响应正文中生成 HTML 代码

下面是我的代码，

app.use('/api-docs', swaggerUi.serve, swaggerUi.setup(swaggerDoc))

上面渲染了所需的 HTML 页面。

app.get('/api-docs', swaggerUi.serve, swaggerUi.setup(swaggerDoc))

上面生成了 HTML 代码，但没有在浏览器中呈现，是我遗漏了什么吗？

更新：

我使用 generateHTML 方法，但它似乎仍然以同样的方式工作，

app.use('/api-docs-html/BOOKING-CANCELLATION', function(req, res, next) {
    var pathArraySplit = req.originalUrl.split('/');
    var apiNameWithHyphen = pathArraySplit[2].trim()
    var apiNameWithUnderScore = apiNameWithHyphen.replace('-', '_');
    swaggerDocument = JSONConstructor.JSONConstructorTest(apiNameWithUnderScore)
    swaggerHtml = swaggerUi.generateHTML(swaggerDocument, swaggerUiOpts)
    next()
},swaggerUi.serveFiles(swaggerDocument, swaggerUiOpts))
app.get('/api-docs-html/BOOKING-CANCELLATION', (req, res) => { res.send(swaggerHtml) });

Answer 1

swaggerUi.serve是一个中间件函数，所以需要和app.use()、Refer配合使用

Middleware (app.use()) 和 Route Handler(app.get()) 处理请求的函数不同，Refer

next() 中间件内的调用会调用下一个中间件或路由处理程序，具体取决于接下来声明的内容。但是路由处理程序内的next() 调用仅调用下一个路由处理程序。如果接下来有中间件，则跳过它。因此，必须在所有路由处理程序之上声明中间件。

你可以像这样使用，

app.use('/api-docs', swaggerUi.serve);
app.get('/api-docs', swaggerUi.setup(swaggerDocument));