我一直在尝试将swaggerui集成到camel项目中,我能够看到api文档。我已经跟进了这个线程来集成招摇用户界面。如何在我的应用程序中集成swagger ui(将swagger ui的swagger dist文件夹复制到webapp中,并添加路由“rest(“/swagger”)”以通过routebuilder访问)
当我运行camel项目并访问index.html文件时,我得到的是一个空白页。在浏览器控制台下,我看到浏览器无法访问html文件中的css文件。我尝试从html文件中的脚本标记中删除“./”,但仍然得到相同的错误。
索引.html
<script src="./swagger-ui-standalone-preset.js" charset="UTF-8"> </script>
<script>
window.onload = function() {
// Begin Swagger UI call region
const ui = SwaggerUIBundle({
url: "http://petstore.swagger.wordnik.com/api/api-docs",
dom_id: '#swagger-ui',
deepLinking: true,
presets: [
SwaggerUIBundle.presets.apis,
SwaggerUIStandalonePreset
],
plugins: [
SwaggerUIBundle.plugins.DownloadUrl
],
layout: "StandaloneLayout"
});
// End Swagger UI call region
window.ui = ui;
};
</script>```
RouteBuilder
```rest("/swagger")
.produces("text/html")
.get("/index.html")
.responseMessage().code(200).message("Swagger UI").endResponseMessage()
.to("direct://get/swagger/ui/path");
from("direct://get/swagger/ui/path")
.routeId("SwaggerUI")
.setBody().simple("resource:classpath:/swagger/index.html");
404浏览器控制台错误
ps:当我从文件夹中直接在浏览器上打开index.html文件时,我能够看到包含所有api文档详细信息的swagger ui,只有在启动项目后访问时,错误才会持续存在。
任何帮助都将不胜感激。谢谢。
暂无答案!
目前还没有任何答案,快来回答吧!