1,安装依赖
npm i swagger-ui-dist
2,引入代码
<script setup lang="ts">
import { onMounted } from "vue";
import { SwaggerUIBundle } from "swagger-ui-dist";
import "swagger-ui-dist/swagger-ui.css";
onMounted(() => {
SwaggerUIBundle({
dom_id: "#swaggerContainer",
url: "你的文档地址",
presets: [SwaggerUIBundle.presets.apis, SwaggerUIBundle.SwaggerUIStandalonePreset],
});
});
</script>
<template>
<div class="swagger" id="swaggerContainer" />
</template>