将应用程序autehntication添加到Swagger UI

Question

在我的昂首阔步的UI中，当我单击“试用”并执行一个请求时，请求是在没有任何令牌的情况下发送的。

问题--有什么方法可以查询登录请求并将授权令牌添加到Swagger UI请求中吗？

Answer 1

在本例中，我们可以在定义SwaggagUIBundle时使用index.html中的这两个拦截器拦截令牌并将它们添加到所有请求中：

            const ui = SwaggerUIBundle({
                ...
                responseInterceptor:
                    function (response) {
                        if (response.obj.access_token) {
                            console.log(response.obj.access_token)
                            const token = response.obj.access_token;
                            localStorage.setItem("token", token)
                        }

                        return response;
                    },
                requestInterceptor:
                    function (request) {
                        request.headers.Authorization = "Bearer " + localStorage.getItem("token");
                        return request;
                }
           }

responseInterceptor捕获响应，如果它包含字段“token”，则将其保存在本地存储中。requestInterceptor使用本地存储中的值，在您从swagger-ui进行的每个调用中添加授权头。

此修复程序用于使用Swagger-UI的v3：

   <script src="https://unpkg.com/swagger-ui-dist@3.12.1/swagger-ui-standalone-preset.js"></script>
   <script src="https://unpkg.com/swagger-ui-dist@3.12.1/swagger-ui-bundle.js"></script>