小编mei*_*han的帖子

如何在 swagger-ui-react 中通过请求发送授权标头?

我在我的应用程序中使用了 swagger-ui-react。但我不知道如何配置将授权添加到 api 请求中。

我从这里找到了一个在 swagger ui 中使用的答案:

window.swaggerUi = new SwaggerUi({...})
...
swaggerUi.api.clientAuthorizations.add("key", new SwaggerClient.ApiKeyAuthorization("Authorization", "Basic dXNlcm5hbWU6cGFzc3dvcmQ=", "header"));
Run Code Online (Sandbox Code Playgroud)

但我不知道如何在 swagger-ui-react 中使用。这是我的代码:

import styles from './index.less';

import React from 'react';
// tslint:disable
import SwaggerUI from 'swagger-ui-react';
import 'swagger-ui-react/swagger-ui.css';
// tslint:able

const SwaggerComp = params => {
    const auth = params.authorization;
    return (
        <div className={styles.wrapper}>
         <SwaggerUI
           url="/v2/swagger-file-url"
           withCredentials
         />
       </div>
    )
};

export default SwaggerComp;
Run Code Online (Sandbox Code Playgroud)

swagger reactjs swagger-ui

5
推荐指数
1
解决办法
4308
查看次数

标签 统计

reactjs ×1

swagger ×1

swagger-ui ×1